@font-face { font-family: 'Bebas Kai'; src: url('../fonts/BebasKai.woff2') format('woff2'),
 url('../fonts/BebasKai.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 
 @font-face { font-family: 'Source Sans Pro'; src: url('../fonts/SourceSansPro-Bold.woff2') format('woff2'),
 url('../fonts/SourceSansPro-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } 
 @font-face { font-family: 'Source Sans Pro'; src: url('../fonts/SourceSansPro-Light.woff2') format('woff2'),
 url('../fonts/SourceSansPro-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } 
 @font-face { font-family: 'Source Sans Pro'; src: url('../fonts/SourceSansPro-Regular.woff2') format('woff2'),
 url('../fonts/SourceSansPro-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 
 @font-face { font-family: 'Source Sans Pro'; src: url('../fonts/SourceSansPro-Semibold.woff2') format('woff2'),
 url('../fonts/SourceSansPro-Semibold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } 
 @font-face { font-family: 'Source Sans Pro'; src: url('../fonts/SourceSansPro-It.woff2') format('woff2'),
 url('../fonts/SourceSansPro-It.woff') format('woff'); font-weight: normal; font-style: italic; font-display: swap; } 
/*****Global CSS*****/
html { overflow-x: hidden } 
body { color: #000000; font-size: 18px; font-weight: 400; line-height:1.6666666666666667; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; font-family: 'Source Sans Pro'; } 
* { border: none; margin: 0; outline: none!important; padding: 0; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } 
:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } 
label { display: block; margin: 0 0 8px; font-weight: 400 } 
label.inline-block { display: inline-block; margin: 5px 40px 5px 0 } 
label.inline-block:last-child { margin-right: 0 } 
ol, ul { list-style: none } 
a { color: #f29f3f; text-decoration: underline; text-underline-offset: 4px } 
a:focus, a:hover { color: #000000; text-decoration: none } 
img { display: block; height: auto; max-width: 100%; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none } 
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Bebas Kai'; font-weight:400; color: #000000; line-height:1.1666666666666667; margin: 25px 0 12px; } 
h1, .h1, h2, .h2 { font-size:32px; } 
h1 strong, .h1 strong, h2 strong, .h2 strong, h3 strong, .h3 strong { font-weight: normal; color: #006b8f } 
h3, .h3 { font-size: 24px; } 
h4, .h4 { font-size: 22px; } 
h5, .h5 { font-size: 20px } 
h6, .h6 { font-size: 18px } 
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, .h1:first-child, .h2:first-child, .h3:first-child, .h4:first-child, .h5:first-child, .h6:first-child { margin-top: 0 } 
.aligncenter { display: block; margin: 5px auto; } 
.alignright { float: right; margin: 5px 0 20px 40px; } 
.alignleft { float: left; margin: 5px 40px 20px 0; } 
.alignleft.shadow-none, .alignright.shadow-none, .aligncenter.shadow-none { box-shadow: none } 
p.pn { padding: 0; margin: 0 } 
.clearfix { display: table; width: 100%; padding: 15px 0; margin: 0 } 
.clearfix+h2, .clearfix+h3, .clearfix+h4 { margin-top: 0 } 
p { margin: 0 0 27px } 
p+ol, p+ul { margin-top: -5px } 
ul { margin: 0 0 27px } 
ul li { position: relative; padding: 0 0 8px 22px; overflow: hidden; } 
ul li:before { content: ""; display: inline-block; line-height: 1; font-family: "Font Awesome 6 Pro"; font-weight: 400; position: absolute; left:2px; top:10px; width: 8px; height: 8px; background: #f29f3f; border-radius: 20px } 
ul.check-list li:before, .check-list ul li:before { content: "\f00c"; font-family: "Font Awesome 6 Pro"; font-weight:900; width:auto; height: auto; background: none; color: #f29f3f; left: 0; top: 6px; font-size: 88% } 
ol { padding-left: 26px; margin: 0 0 27px; text-align: left; overflow: hidden } 
ol li { list-style: decimal; padding-bottom: 7px; padding-left: 0 } 
ol li ul>li { padding-left: 20px; list-style: none } 
ol li ul>li:before { display: block; left: 1px } 
ul ol li { overflow: visible } 
ul ol li:before { display: none; overflow: visible } 
ol ol li { list-style: lower-alpha } 
ol ol ol li { list-style: lower-roman } 
ol ol, ol ul, ul ol, ul ul { margin-top: 12px; margin-bottom: 5px } 
ol li:last-child, ul li:last-child { padding-bottom: 0 } 
.text-center ul { text-align: left; display: table; margin-left: auto; margin-right: auto } 
.list-none li { padding-left: 0 } 
.list-none li:before { display: none } 
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, ol ul:last-child, ol:last-child, p:last-child, ul:last-child { margin-bottom: 0 } 
.text-center { text-align: center } 
.text-left { text-align: left } 
.text-right { text-align: right } 
.table-responsive { border: none; margin: 20px 0; overflow: auto } 
table { width: 100%; border-spacing: 0; border-collapse: collapse!important } 
table tr td, table tr th { padding: 9px 15px; vertical-align: top; text-align: left; line-height: 18px; border: 1px solid #ddd } 
table tr th { font-weight: 400 } 
td[align=center], th[align=center] { text-align: center!important } 
td[align=right], th[align=right] { text-align: right!important } 
.table-responsive::-webkit-scrollbar { width:5px; height:4px } 
.table-responsive::-webkit-scrollbar-track { background:#f5f5f5; border-radius:8px } 
.table-responsive::-webkit-scrollbar-thumb { background:#cccccc; border-radius:8px } 
.table-responsive::-webkit-scrollbar-thumb:hover { background:#cccccc } 
.flex { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex } 
.flex-middle { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center } 
.flex-wrap { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap } 
.flex-wrap-middle { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; align-items: center } 
a[href*="mailto:"], a[href*="tel:"] { display: inline-block; word-break: break-word } 
.container { padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto; max-width:1270px } 
.container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } 
.container.md { max-width: 1150px } 
.container.sm { max-width: 1050px } 
.row { margin-right: -15px; margin-left: -15px } 
.row:after, .row:before { content: ""; clear: both; display: table } 
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px } 
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float: left } 
.col-xs-12 { width: 100% } 
.col-xs-11 { width: 91.66666667% } 
.col-xs-10 { width: 83.33% } 
.col-xs-9 { width: 75% } 
.col-xs-8 { width: 66.66666667% } 
.col-xs-7 { width: 58.33% } 
.col-xs-6 { width: 50% } 
.col-xs-5 { width: 41.66666667% } 
.col-xs-4 { width: 33.33% } 
.col-xs-3 { width: 25% } 
.col-xs-2 { width: 16.66666667% } 
.col-xs-1 { width: 8.33% } 
@media (min-width:768px){
 .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float: left } 
.col-sm-12 { width: 100% } 
.col-sm-11 { width: 91.66666667% } 
.col-sm-10 { width: 83.33% } 
.col-sm-9 { width: 75% } 
.col-sm-8 { width: 66.66666667% } 
.col-sm-7 { width: 58.33% } 
.col-sm-6 { width: 50% } 
.col-sm-5 { width: 41.66666667% } 
.col-sm-4 { width: 33.33% } 
.col-sm-3 { width: 25% } 
.col-sm-2 { width: 16.66666667% } 
.col-sm-1 { width: 8.33% } 
 }
@media (min-width:992px) { h1, .h1, h2, .h2 { font-size: 48px } 
 .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float: left } 
.col-md-12 { width: 100% } 
.col-md-11 { width: 91.66666667% } 
.col-md-10 { width: 83.33% } 
.col-md-9 { width: 75% } 
.col-md-8 { width: 66.66666667% } 
.col-md-7 { width: 58.33% } 
.col-md-6 { width: 50% } 
.col-md-5 { width: 41.66666667% } 
.col-md-4 { width: 33.33% } 
.col-md-3 { width: 25% } 
.col-md-2 { width: 16.66666667% } 
.col-md-1 { width: 8.33% } 
 }
.form-control, input[type=date], input[type=email], input[type=file], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea { background-color: #ffffff; border: 1px solid #ffffff; border-radius: 0; color: #000000; display: block; font-size: 18px; font-weight: 300; line-height: 20px; padding:13px 23px; position: relative; width: 100%; height:48px; margin: 0; -moz-appearance: none; -webkit-appearance: none; -moz-transition: all .3s linear 0s; -webkit-transition: all .3s linear 0s; -ms-transition: all .3s linear 0s; -o-transition: all .3s linear 0s; transition: all .3s linear 0s; font-family: 'Source Sans Pro'; } 
.form-control:focus, input[type=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, select:focus, textarea:focus { border-color: #f29f3f } 
textarea, textarea.form-control { height: 174px; resize: none; } 
select { -moz-appearance: menulist-button; -webkit-appearance: menulist-button } 
input[type=checkbox], input[type=radio] { display: inline-block; margin-right: 5px; vertical-align: baseline } 
::-webkit-input-placeholder { color:#000000; opacity:1 } 
::-moz-placeholder { color:#000000; opacity:1 } 
:-ms-input-placeholder { color:#000000; opacity:1 } 
:-moz-placeholder { color:#000000; opacity:1 } 
button::-moz-focus-inner, input::-moz-focus-inner { padding:0; border:0 } 
input[type=button], input[type=reset], input[type=submit] { -moz-appearance: none; -webkit-appearance: none } 
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance:none } 
input[type=number] { -moz-appearance: textfield !important } 
.form-fields { text-align: left; margin-top: -25px } 
.form-fields .row, .row.form-fields { margin-left: -15px; margin-right: -15px } 
.form-fields .row .row, .row.form-fields .row { margin-left: -10px; margin-right: -10px; margin-top: -28px } 
.form-fields [class*=col-], .form-fields [class^=col-] { padding-right: 15px; padding-left: 15px; padding-top: 28px } 
.form-fields [class*=col-] [class*=col-], .form-fields [class^=col-] [class^=col-] { padding-left:10px; padding-right:10px } 
.form-fields p { padding: 10px 0 0 0; margin: 0 } 
.form-fields [class*=col-] p, .form-fields [class^=col-] p { position: relative; padding: 0; margin: 0 } 
.icon-field i { position: absolute; font-size: 16px; right: 0; color: #000000; top: 50%; z-index: 2; width:44px; text-align: center; font-weight: 400; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%) } 
.icon-field { position: relative; -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none; transform: none } 
.icon-field i.fa-comment-dots { top: 22px } 
.icon-field i+input, .icon-field i+textarea { padding-right:40px !important } 
.form-action-btn { text-align: center; } 
.form-action-btn .btn { margin-top: 6px } 
.tooltip { position: relative; display: inline-block; vertical-align: middle } 
.tooltip i.fa { position: static; border: none; width: auto; height:auto; line-height: 1; transform: none } 
.tooltip .tooltiptext { visibility: hidden; width: 120px; background-color: black; color: #fff; text-align: center; padding: 5px 0; border-radius: 6px; font-size: 14px; position: absolute; width: 120px; bottom: 100%; left: 50%; margin-left: -60px; z-index: 1; } 
.tooltip:hover .tooltiptext { visibility: visible; } 
.btn, :after, :before, a, input[type=button], input[type=reset], input[type=submit] { -moz-transition: all .3s linear 0s; -webkit-transition: all .3s linear 0s; -ms-transition: all .3s linear 0s; -o-transition: all .3s linear 0s; transition: all .3s linear 0s } 
footer, header, section { float: left; width: 100%; position: relative } 
.btn:before { content: ''; background: #177798; left: 0; top: 0; bottom: 0; position: absolute; width: 100%; z-index: -1; overflow: hidden; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; -webkit-transition: -webkit-transform .4s cubic-bezier(.645, .045, .355, 1); transition: transform .4s cubic-bezier(.645, .045, .355, 1) } 
.btn:focus:before, .btn:hover:before { -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; width: 100% } 
.btn { display: inline-block; font-family: 'Bebas Kai'; font-weight: 400; position: relative; font-size: 22px; border-radius:0; color: #ffffff; font-style: normal; line-height:22px; padding:14px 40px; text-decoration: none !important; white-space: normal; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); overflow: hidden; background-color:#f29f3f; cursor: pointer; text-align: center; text-transform: uppercase; min-width:160px; } 
.btn.min-none { min-width: none; } 
.btn.focus, .btn:focus, .btn:hover { color: #ffffff; border-color: #177798; background-color: #177798 } 
/*****Global CSS End*****/
/*****Header*****/
header+div, header+section { margin-top: 151.66px!important } 
header { position: fixed; background-color:#ffffff; left: 0; right: 0; z-index: 999; -moz-transition: all .2s linear 0s; -webkit-transition: all .2s linear 0s; -ms-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; transition: all .2s linear 0s; } 
.header-row { position: relative; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center; clear: both; width: 100%; padding:19px 0 } 
header .logo { position: relative; display: block } 
header .logo a { display: block; margin: 0; position: relative; font-size: 28px; color: #000000; font-weight: 400; line-height: 1; text-decoration: none; white-space: nowrap } 
header .header-left { min-width:260px; width:260px; } 
.nav-wrap { background: #177798; padding: 5px 0; } 
.nav-wrap ul { display: grid; grid-template-columns: repeat(3,1fr); text-align: center } 
.nav-wrap ul li { padding: 0 5px } 
.nav-wrap ul li a { font-size: 16px; color: #ffffff; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; display: block; } 
.nav-wrap ul li::before { display: none } 
.nav-wrap ul li a:hover, .nav-wrap ul li a:focus { color: #f29f3f } 
.head-fix header { background-color: #ffffff; box-shadow: 0 0 5px rgba(0,0,0,.2) } 
.connect-row { display: flex; text-align: center; line-height: 1.4; } 
.connect-row li { display: flex; flex-direction: column; justify-content: center; padding: 0 34px; border-right: 1px solid #e5e5e5; overflow: visible } 
.connect-row li:last-child { padding-right: 0; border-right: none } 
.connect-row li::before { display: none } 
.connect-row .star-icon { display: flex; justify-content: center; flex-direction: column; justify-content: center; text-align: center } 
.connect-row .star-icon a { color: inherit; text-decoration: none } 
.connect-row img { width:18px; display: inline-block; margin: 0 2px } 
.connect-row small { display: block; margin: 0; font-size: 14px; text-transform: uppercase } 
.connect-row a[href*="tel:"] { font-family: 'Bebas Kai'; font-size: 32px; color: #000000; text-decoration: none; line-height: 1; } 
/*****Header End*****/
/*****Space Classes*****/
.m-0 { margin: 0!important } 
.m-1 { margin: 10px 0!important } 
.m-2 { margin: 20px 0!important } 
.m-3 { margin: 30px 0!important } 
.m-4 { margin: 40px 0!important } 
.m-5 { margin: 50px 0!important } 
.m-6 { margin: 60px 0!important } 
.m-7 { margin: 70px 0!important } 
.p-0 { padding: 0!important } 
.p-1 { padding: 10px 0!important } 
.p-2 { padding: 20px 0!important } 
.p-3 { padding: 30px 0!important } 
.p-4 { padding: 40px 0!important } 
.p-5 { padding: 50px 0!important } 
.p-6 { padding: 60px 0!important } 
.p-7 { padding: 70px 0!important } 
.m-t0 { margin-top: 0!important } 
.m-t1 { margin-top: 10px!important } 
.m-t2 { margin-top: 20px!important } 
.m-t3 { margin-top: 30px!important } 
.m-t4 { margin-top: 40px!important } 
.m-t5 { margin-top: 50px!important } 
.m-t6 { margin-top: 60px!important } 
.m-t7 { margin-top: 70px!important } 
.m-b0 { margin-bottom: 0!important } 
.m-b1 { margin-bottom: 10px!important } 
.m-b2 { margin-bottom: 20px!important } 
.m-b3 { margin-bottom: 30px!important } 
.m-b4 { margin-bottom: 40px!important } 
.m-b5 { margin-bottom: 50px!important } 
.m-b6 { margin-bottom: 60px!important } 
.m-b7 { margin-bottom: 70px!important } 
.p-t0 { padding-top: 0!important } 
.p-t2 { padding-top: 20px!important } 
.p-t3 { padding-top: 30px!important } 
.p-t4 { padding-top: 40px!important } 
.p-t5 { padding-top: 50px!important } 
.p-t6 { padding-top: 60px!important } 
.p-t7 { padding-top: 70px!important } 
.p-b0 { padding-bottom: 0!important } 
.p-b2 { padding-bottom: 20px!important } 
.p-b3 { padding-bottom: 30px!important } 
.p-b4 { padding-bottom: 40px!important } 
.p-b5 { padding-bottom: 50px!important } 
.p-b6 { padding-bottom: 60px!important } 
.p-b7 { padding-bottom: 70px!important } 
.m-l2 { margin-left: 20px!important } 
.p-l2 { padding-left: 20px!important } 
.m-l3 { margin-left: 30px!important } 
.p-l3 { padding-left: 30px!important } 
.m-l4 { margin-left: 40px!important } 
.p-l4 { padding-left: 40px!important } 
/*****Space End*****/
/*****Fixed Size Thumbnail and Iframe*****/
.image-thumbnail { position: relative; width: 100%; padding-top: 66.33%; overflow: hidden } 
.image-thumbnail img { position: absolute; bottom: 0; left: 0; right: 0; top: 0; max-width: 100%; max-height: 100%; width: auto; margin: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: opacity .5s ease-in, -webkit-transform .5s ease-in; transition: opacity .5s ease-in, transform .5s ease-in; transition: opacity .5s ease-in, transform .5s ease-in, -webkit-transform .5s ease-in } 
a:hover .image-thumbnail img { -moz-transform: scale(1.02, 1.02); -webkit-transform: scale(1.02, 1.02); transform: scale(1.02, 1.02) } 
.image-thumbnail:before { content: ""; padding: 25px; background: url(../img/favicon.png) center center no-repeat; background-size: contain; position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: .3 } 
.iframe-map { position: relative; padding-top: 42% } 
.iframe-video { position: relative; display: inline-block; width: 100%; padding-top: 56%; margin: 10px 0; background-color: #f5f5f5 } 
.iframe-map iframe, .iframe-map img, .iframe-video iframe { position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; width: 100% } 
/*****Fixed Size Thumbnail and Iframe End*****/
/******Banner********/
.banner-wrapper .banner-img { position: relative; display: flex; width: 100%; background: #eaeaec; } 
.banner-wrapper .banner-img img { width: 100%; } 
.banner-wrapper .banner-text { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); padding: 0; z-index: 11 } 
.banner-wrapper .max-width { position: relative; float: left; width: 100%; max-width:652px; margin:0 auto; width: 100%; text-align: left } 
.banner-wrapper .max-width img { width: auto; margin: 0 auto; } 
.banner-wrapper .heading { position: relative; display: block; font-family: 'Bebas Kai'; font-weight:400; font-size:70px; color: #006b8f; line-height: 1; padding: 0; margin:8px 0 8px } 
.banner-wrapper p { font-size:18px; margin:0; } 
.banner-wrapper .small-heding { font-size: 30px; font-weight: 600; text-transform: uppercase } 
.banner-wrapper .small-heding img { display: inline-block; vertical-align: middle } 
.banner-wrapper .btn { margin: 30px 0 0; min-width:188px; display:table; } 
/*****Banner Animation****/
.banner-wrapper .heading, .banner-wrapper p { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } 
.flex-active-slide .heading, .flex-active-slide p { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } 
/******Banner End********/
.common-wrapper { padding: 60px 0 } 
.experience-wrapper { background: #006b8f; text-align: center } 
.experience-wrapper .box { float:left; width:33.333333333%; padding: 45px 20px } 
.experience-wrapper .box:nth-child(2) { background-color: #00536f } 
.experience-wrapper h3 { font-size: 60px; color: #ffffff; text-transform: uppercase; letter-spacing:4px; line-height: 1; margin: 0 } 
.experience-wrapper p { text-transform:uppercase; color: #ffffff; letter-spacing: 2px } 
.promotion-wrapper { text-align: center; padding: 50px 0 70px } 
.promotion-wrapper .container { max-width: 1190px } 
.promotion-row { display: grid; grid-template-columns: repeat(3,1fr); gap: 44px; margin-top: 40px; counter-reset: my-sec-counter; } 
.promotion-box { float: left; width: 100%; position: relative; } 
.promotion-box::before { counter-increment: my-sec-counter; content: counter(my-sec-counter) ". "; position: absolute; left: 50%; background: #ffffff; width: 40px; height: 40px; padding: 4px 0 0; text-align: center; border-radius: 40px; font-family: 'Bebas Kai'; font-size: 24px; color: #006b8f; margin-left: -20px; margin-top: -14px; } 
 .promotion-box:nth-child(1)::before { color: #0bb1f7 } 
 .promotion-box:last-child:before { color: #192533 } 
.promotion-box img { width: 100% } 
.promotion-box .overlay { position: absolute; top: 54px; left: 0; right: 0 } 
.promotion-box h3 { font-size: 28px; color: #262f3e; max-width: 280px; margin: 0 auto; } 
.promotion-box:nth-child(2) h3 { color: #006b8f } 
.promotion-box:first-child h3 { color: #ffffff; max-width: 234px } 
.promotion-box:nth-child(3) .overlay { top: auto; bottom: 30px } 
.promotion-box:nth-child(3) h3 { max-width: 320px } 
.cta-wrapper { position: relative; background: #181818; color: #ffffff; padding: 70px 0 } 
.cta-wrapper .container { max-width: 1190px } 
.cta-wrapper::before { content: ""; position: absolute; left:50%; top: 0; bottom: 0; right: 0; background: url(../img/bg-2.jpg) center center no-repeat; background-size: cover } 
.cta-wrapper .text-box { float: left; width: 50%; color: #ffffff; padding-right: 65px } 
.cta-wrapper .text-box * { color: #ffffff } 
.cta-wrapper .text-box h2 { font-size: 60px; line-height: 1.05 } 
.cta-wrapper .text-box h2 strong { color: #006b8f; display: block; } 
.cta-wrapper .text-box a { text-decoration: none; font-weight: 600 } 
.cta-wrapper .form-box { float: left; width: 50%; padding-left: 65px; } 
.cta-wrapper .form-box p { margin-bottom: 22px; } 
.cta-wrapper .form-box p:last-child { margin-bottom: 0 } 
.cta-wrapper .btn { width: 100% } 
.service-wrapper { text-align: center; background: #0d0c0b; color: #ffffff; padding: 60px 0; } 
.service-wrapper h2 { color: #ffffff; font-size: 60px } 
.service-wrapper { text-align: center; background: #0d0c0b; color: #ffffff } 
.service-wrapper h2 + p { font-size: 22px; margin-top: -5px } 
.service-row { display: flex; flex-wrap: wrap; gap: 33px; column-gap: 60px; justify-content: center; max-width: 1140px; margin: 30px auto 0 } 
.service-box { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; width: 196px; border: 2px solid #727170; height: 196px; text-decoration: none; flex-direction: column; border-radius: 100% } 
.service-box h3 { font-size: 18px; color: #ffffff; text-transform: uppercase; font-family: 'Source Sans Pro'; padding: 0 30px; line-height: 1.4; margin: 10px 0 0; } 
.service-wrapper .btn-row { padding: 40px 0 0 } 
.secondary-service { background: #efefef; padding: 35px 0 } 
.secondary-service ul { display: flex; flex-wrap: wrap } 
.secondary-service ul li { padding: 15px; text-align: center; width: 25% } 
.secondary-service ul li::before { display: none } 
.secondary-service ul li img { margin: 0 auto; } 
.secondary-service h3 { font-size: 30px; margin: 18px 0 0 } 
.team-wrapper { text-align: center; padding:60px 0 70px } 
.team-wrapper h2 { font-size: 60px; margin-bottom: -5px } 
.team-row { border-bottom: 1px solid #efefef; padding: 40px 50px; display: grid; grid-template-columns: 268px auto; text-align: left; align-items: center; } 
.team-row .img-box { background: #efefef; display: flex; align-items: center; justify-content: center; height: 268px } 
.team-row .text-box { padding-left: 38px } 
.team-row h3 { font-size: 24px; color: #1a1a1a; font-weight: 600; font-family: 'Source Sans Pro'; margin-bottom: 8px } 
.team-row:last-child { border-bottom: none; padding-bottom: 0 } 
.review-wrapper { background:#ececec url(../img/bg.jpg) center center no-repeat; background-size: cover; padding: 60px 0; text-align: center } 
.review-wrapper h2 { font-size: 60px } 
.review-row { display: grid; grid-template-columns: repeat(3,1fr); gap:42px; align-items: flex-start; margin-top: 40px } 
.review-box { background: #ffffff; text-align: left; padding: 28px; } 
.review-box .flex-wrap { justify-content: space-between; font-style: normal } 
.review-box .flex-wrap img { display: inline-block; width: 18px; margin: 0 2px } 
.review-box p { margin: 0 0 15px; font-style: italic } 
.review-box h3 { font-size: 18px; color: #1a1a1a; font-weight: 600; font-family: 'Source Sans Pro'; } 
.review-box h3 .name { width: 40px; background: #7b1fa2; display: inline-block; vertical-align: middle; margin-right: 7px; line-height: 38px; height: 40px; border-radius: 40px; overflow: hidden; font-size: 22px; color: #ffffff; text-align: center } 
.review-wrapper .btn-row { padding: 40px 0 0 } 
.loaction-wrapper { padding: 60px 0; text-align: center } 
.loaction-wrapper .container { display: flex; flex-wrap: wrap; align-items: center; max-width: 880px; } 
.loaction-wrapper .text-box { float: left; width: 48%; } 
.loaction-wrapper .text-box img { margin: 0 auto; } 
.loaction-wrapper .map-box { float: left; width: 52%; } 
.loaction-wrapper .map-box img { width: 100% } 
.loaction-wrapper h3 { font-size: 30px; margin: 15px 0 8px;} 
/******Footer*******/ 
footer { background:#006b8f; padding:35px 0 0; text-align: center } 
footer .container { max-width: 1000px } 
footer img { margin: 0 auto 35px; } 
footer .connect-row { margin: 0 auto; justify-content: center; color: #ffffff } 
footer .connect-row * { color: #ffffff !important } 
footer .connect-row li { border-color: #1a7a9a } 
footer a { text-decoration: none } 
footer .copyright-block { padding:27px 0; margin-top:45px; border-top: 1px solid #1a7a9a } 
footer .copyright-block p { margin: 0; font-size: 14px; color: #ffffff; font-weight: 400; } 
footer .copyright-block a { font-size: inherit; color: inherit } 
footer .current-menu-item a, footer a:focus, footer a:hover { color: #ffffff!important; text-decoration: underline } 
footer ul.social-icon { display: flex; justify-content: center; margin-top: 10px } 
footer ul.social-icon li { padding: 0; margin: 5px 7px } 
footer ul.social-icon li::before { display: none } 
footer ul.social-icon li img { width: 16px; margin: 0; -moz-filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } 
footer .btn:before { background-color: #ffffff } 
footer .btn:hover, footer .btn:focus { background-color: #ffffff; border-color: #ffffff; color: #1a7a9a !important } 
/******Footer End*******/ 
/******Scrollup Button*******/ 
.scrollup { position: fixed; right: 10px; bottom: -40px; -webkit-transition: all ease 1.5s; -moz-transition: all ease 1.5s; -ms-transition: all ease 1.5s; -o-transition: all ease 1.5s; transition: all ease 1.5s; filter: alpha(opacity=0); opacity: 0; z-index: 150; display: flex; align-items: center; border-radius: 8px; font-size: 13px; font-style: normal; cursor: pointer; color: #ffffff; } 
.scrollup img { width: 30px; box-shadow: 0 0 5px rgba(0,0,0,0.5); border-radius: 40px; opacity: 0.6 } 
.scrollup.show { filter: alpha(opacity=100); opacity: 1; bottom: 27px; } 
/******Scrollup Button End*******/ 
@-webkit-keyframes fadeInDown { 
 0% { opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0) } 
to { opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) } 
 }
@keyframes fadeInDown { 
 0% { opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0) } 
to { opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) } 
 }
.active.animate__fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } 
/******Responsive Start*******/
@media only screen and (max-width:1299px) { } 
@media only screen and (max-width:1249px) { } 
@media only screen and (max-width:1199px){
 .connect-row a[href*="tel:"] { font-size: 26px; } 
.connect-row li { padding: 0 24px } 
.connect-row small { font-size: 12px } 
.btn { font-size: 18px; padding: 14px 30px } 
.banner-wrapper .heading { font-size: 60px; margin-top: 0; } 
.banner-wrapper .max-width { max-width: 60% } 
.banner-wrapper .btn { margin:20px 0 0; } 
.promotion-box h3 { font-size: 24px; font-size: 5wv } 
.secondary-service h3 { font-size: 24px; } 
.review-row { gap:15px; margin-top:20px; } 
.review-wrapper { padding: 40px 0; } 
 }
@media only screen and (max-width:1024px){
 .promotion-row { gap: 15px; margin-top: 20px } 
 .promotion-box .overlay { padding:0 10px 10px } 
 .service-row { gap: 20px; column-gap: 20px; } 
 }
@media only screen and (max-width:991px) { header+div, header+section { margin-top:116.34px !important; } 
 .header-row { padding: 10px 0 } 
 header .header-left { min-width: 200px; width: 200px; } 
 header .connect-row .star-icon small { display: block; } 
 header .connect-row small { display: none } 
 header .connect-row a[href*="tel:"] { font-size: 0 } 
 header .connect-row li { border: none; padding: 0 0 0 18px } 
 header .connect-row a[href*="tel:"]:after { content: ""; background: url(../img/phone.svg) center center no-repeat; background-size: contain; padding: 15px; display: block; } 
 header .connect-row .btn { font-size: 0; line-height: 1; padding: 5px; min-width: inherit; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center } 
 header .connect-row .btn::after { content: ""; background: url(../img/file-invoice.svg) center center no-repeat; background-size: contain; padding: 11px; display: block; -moz-filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } 
 .banner-wrapper .banner-img { overflow: hidden; display: block; } 
 .banner-wrapper .banner-img img { width: 150%; float: right; max-width: inherit; margin: 0; } 
 .banner-wrapper .banner-text { position: relative; transform: none; top: 0; text-align: center; padding: 15px 0 25px; overflow: hidden; clear: both; } 
 .banner-wrapper .max-width { max-width: 100%; text-align: center } 
.banner-wrapper .btn { margin: 20px auto 0 } 
.banner-wrapper .small-heding { font-size: 24px } 
.banner-wrapper .small-heding img { max-width: 50px; } 
.banner-wrapper .heading, .cta-wrapper .text-box h2, .experience-wrapper h3, .service-wrapper h2, .team-wrapper h2, .review-wrapper h2 { font-size: 48px } 
.experience-wrapper .box { padding:30px 20px } 
.promotion-wrapper { padding: 30px 0 } 
.promotion-box .overlay { top: 40px } 
.promotion-box h3 { font-size: 20px; font-size: 2vw; } 
.promotion-box:nth-child(3) .overlay { bottom: 0 } 
.cta-wrapper { padding:30px 0 } 
.cta-wrapper .text-box { padding-right: 30px } 
.cta-wrapper .form-box { padding-left: 30px; } 
.common-wrapper, .service-wrapper { padding: 30px 0 } 
.service-wrapper .btn-row { padding: 30px 0 0; } 
.secondary-service { padding: 15px 0; } 
.secondary-service ul li { width: 50% } 
.team-wrapper { padding: 30px 0 } 
.team-row { grid-template-columns: auto; padding: 30px 0 } 
.team-row .img-box { max-width: 268px; margin: 0 auto; width: 100%; } 
.team-row .text-box { padding:20px 0 0; text-align: center } 
.review-wrapper { padding: 30px 0 } 
.review-wrapper .btn-row { padding: 20px 0 0; } 
.review-row { grid-template-columns:1fr; } 
.loaction-wrapper { padding: 30px 0; } 
 }
@media only screen and (max-width:767px){
 .experience-wrapper h3 { font-size: 36px } 
 .experience-wrapper p { font-size: 16px; line-height: 1.4; margin-top: 5px } 
 .cta-wrapper .text-box { width: 100%; padding: 0 0 30px; text-align: center } 
 .cta-wrapper::before { display: none } 
 .cta-wrapper .form-box { width: 100%; background: url(../img/bg-2.jpg) center center no-repeat; background-size: cover; padding: 15px } 
 .promotion-row { grid-template-columns: 1fr 1fr; } 
 .promotion-box .overlay { top: 50%; transform: translateY(-50%) } 
 .promotion-box:nth-child(3) .overlay { transform: none } 
 .promotion-box h3 { font-size: 20px; font-size: 3.2vw; max-width: 90% !important } 
 .service-wrapper h2 + p { font-size: 18px; } 
 .service-box { width: 130px; border: 2px solid #727170; height: 130px; } 
 .service-box h3 { font-size: 14px; padding: 0 15px; line-height: 1.2; margin: 5px 0 0; } 
.review-box { padding: 20px; } 
textarea, textarea.form-control { height: 140px; } 
.loaction-wrapper .text-box { width: 100%; padding: 0 0 25px } 
.loaction-wrapper .map-box { width: 100% } 
footer .connect-row { flex-wrap: wrap; row-gap: 25px; } 
footer .connect-row li { border: none; padding: 0 15px !important } 
footer .copyright-block { padding: 15px 0; margin-top: 35px; } 
 }
@media only screen and (max-width:639px) { header .container { padding: 0 10px 0 5px } 
 header .nav-wrap .container { padding: 0 5px; } 
 header .connect-row li:nth-child(2) { padding-left: 0 } 
 .nav-wrap { padding:8px 0 } 
 .nav-wrap ul li a { font-size: 13px; letter-spacing: 1px; line-height: 1 } 
 header+div, header+section { margin-top: 108.69px !important; } 
 .banner-wrapper .heading, .cta-wrapper .text-box h2, .experience-wrapper h3, .service-wrapper h2, .team-wrapper h2, .review-wrapper h2 { font-size: 40px; } 
.banner-wrapper .small-heding { font-size: 20px; } 
.btn { font-size: 18px; padding: 10px 30px; } 
.secondary-service h3 { font-size: 20px; } 
 }
@media only screen and (max-width:580px){
 .header-row { padding:33px 0 10px; position: relative; } 
 .header-row::before { content: ""; position: absolute; left: -15px; right: -15px; top: 0; height: 24px; background: #f5f5f5 } 
 header .connect-row .star-icon { position: absolute; right: 0; top:2px; display: flex; padding: 0 } 
 header .connect-row img { width: 12px; } 
 header .connect-row .star-icon { position: absolute; right: 0; top: 2; flex-direction: row; gap: 15px; line-height: 1; align-items: center; } 
 header+div, header+section { margin-top: 131.69px !important; } 
 }
@media only screen and (max-width:479px){
 .nav-wrap ul { align-items: center } 
 .nav-wrap ul li { max-width: 110px } 
 .header-row { padding: 29px 0 5px; } 
 header+div, header+section { margin-top: 135.69px !important; } 
 .promotion-row { grid-template-columns: 1fr; } 
.promotion-box h3 { font-size: 7.5vw; } 
 .experience-wrapper .container { padding: 0; } 
 .experience-wrapper .box { width: 100% } 
 }
@media only screen and (max-width:420px){
 .secondary-service ul li { width: 100%; } 
 }
@media only screen and (max-width:359px) { } 
/******Responsive End*******/
.cta-wrapper .wpcf7 form .wpcf7-response-output { margin: 0; clear: both; z-index: 11; position: relative; }