@font-face { font-family: 'Epilogue'; src: url('../fonts/Epilogue-BoldItalic.woff2') format('woff2'),
 url('../fonts/Epilogue-BoldItalic.woff') format('woff'); font-weight: bold; font-style: italic; font-display: swap; } 
@font-face { font-family: 'Epilogue'; src: url('../fonts/Epilogue-Bold.woff2') format('woff2'),
 url('../fonts/Epilogue-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Epilogue'; src: url('../fonts/Epilogue-Italic.woff2') format('woff2'),
 url('../fonts/Epilogue-Italic.woff') format('woff'); font-weight: normal; font-style: italic; font-display: swap; } 
@font-face { font-family: 'Epilogue'; src: url('../fonts/Epilogue-Regular.woff2') format('woff2'),
 url('../fonts/Epilogue-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Epilogue'; src: url('../fonts/Epilogue-Medium.woff2') format('woff2'),
 url('../fonts/Epilogue-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Epilogue'; src: url('../fonts/Epilogue-SemiBoldItalic.woff2') format('woff2'),
 url('../fonts/Epilogue-SemiBoldItalic.woff') format('woff'); font-weight: 600; font-style: italic; font-display: swap; } 
@font-face { font-family: 'Epilogue'; src: url('../fonts/Epilogue-SemiBold.woff2') format('woff2'),
 url('../fonts/Epilogue-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Epilogue'; src: url('../fonts/Epilogue-MediumItalic.woff2') format('woff2'),
 url('../fonts/Epilogue-MediumItalic.woff') format('woff'); font-weight: 500; font-style: italic; font-display: swap; } 
@font-face { font-family: 'DM Sans'; src: url('../fonts/DMSans-Regular.woff2') format('woff2'),
 url('../fonts/DMSans-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 
@font-face { font-family: 'DM Sans'; src: url('../fonts/DMSans-Medium.woff2') format('woff2'),
 url('../fonts/DMSans-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } 
@font-face { font-family: 'DM Sans'; src: url('../fonts/DMSans-BoldItalic.woff2') format('woff2'),
 url('../fonts/DMSans-BoldItalic.woff') format('woff'); font-weight: bold; font-style: italic; font-display: swap; } 
@font-face { font-family: 'DM Sans'; src: url('../fonts/DMSans-Bold.woff2') format('woff2'),
 url('../fonts/DMSans-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } 
@font-face { font-family: 'DM Sans'; src: url('../fonts/DMSans-SemiBoldItalic.woff2') format('woff2'),
 url('../fonts/DMSans-SemiBoldItalic.woff') format('woff'); font-weight: 600; font-style: italic; font-display: swap; } 
@font-face { font-family: 'DM Sans'; src: url('../fonts/DMSans-MediumItalic.woff2') format('woff2'),
 url('../fonts/DMSans-MediumItalic.woff') format('woff'); font-weight: 500; font-style: italic; font-display: swap; } 
@font-face { font-family: 'DM Sans'; src: url('../fonts/DMSans-Italic.woff2') format('woff2'),
 url('../fonts/DMSans-Italic.woff') format('woff'); font-weight: normal; font-style: italic; font-display: swap; } 
@font-face { font-family: 'DM Sans'; src: url('../fonts/DMSans-SemiBold.woff2') format('woff2'),
 url('../fonts/DMSans-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } 
/*****Global CSS*****/
html { overflow-x: hidden } 
body { color: #0c101c; font-size: 15px; font-weight:400; line-height:1.6; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; font-family: 'DM Sans'; } 
* { 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; font-size: 16px; margin: 0 0 15px; 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: #2e74f3; text-decoration: none } 
a:focus, a:hover { color: #0c101c; text-decoration: none } 
strong, b { font-weight: 600 } 
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: 'Epilogue'; font-weight:700; color: #0c101c; line-height:1.2; margin: 25px 0 12px; } 
h1, .h1, h2, .h2 { font-size:30px; } 
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 50px; } 
.alignleft { float: left; margin: 5px 50px 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 22px } 
p+ol, p+ul { margin-top: -5px } 
ul { margin: 0 0 22px } 
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:8px; width: 8px; height: 8px; background: #0c101c; border-radius: 8px } 
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: #2e74f3; left: 0; top: 6px; font-size: 88% } 
ol { padding-left: 26px; margin: 0 0 22px; 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 #dddddd } 
table tr th { font-weight: 600 } 
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:1170px } 
.container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } 
.container.lg { max-width: 1290px } 
.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:36px; } 
h3, .h3 { font-size: 30px; } 
h4, .h4 { font-size: 26px; } 
 .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:transparent; border: none; border-bottom: 1px solid #d2d2d2; border-radius: 0; color: #a5a6a8; display: block; font-size: 15px; font-weight: 500; line-height: 20px; padding:0 0 16px; position: relative; width: 100%; height:37px; margin: 0; -moz-appearance: none; -webkit-appearance: none; 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: 'DM Sans'; } 
.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: #0c101c } 
textarea, textarea.form-control { height: 90px; resize: none; border-radius: 0; padding-top: 0 } 
select { -moz-appearance: menulist-button; -webkit-appearance: menulist-button; appearance: menulist-button } 
input[type=checkbox], input[type=radio] { display: inline-block; margin-right: 5px; vertical-align: baseline } 
::-webkit-input-placeholder { color:#a5a6a8; opacity:1 } 
::-moz-placeholder { color:#a5a6a8; opacity:1 } 
:-ms-input-placeholder { color:#a5a6a8; opacity:1 } 
:-moz-placeholder { color:#a5a6a8; opacity:1 } 
.field-white .form-control, .field-white input[type=date], .field-white input[type=email], .field-white input[type=file], .field-white input[type=number], .field-white input[type=password], .field-white input[type=search], .field-white input[type=tel], .field-white input[type=text], .field-white input[type=url], .field-white select, .field-white textarea { color: #ffffff; border-color: #ffffff } 
.field-white .form-control:focus, .field-white input[type=date]:focus, .field-white input[type=email]:focus, .field-white input[type=number]:focus, .field-white input[type=password]:focus, .field-white input[type=search]:focus, .field-white input[type=tel]:focus, .field-white input[type=text]:focus, .field-white input[type=url]:focus, .field-white select:focus, .field-white textarea:focus , .field-white .selectric { border-color: #ffffff } 
.field-white .selectric-focus .selectric, .field-white .selectric-hover .selectric, .field-white .selectric-open .selectric { border-color: #ffffff } 
.field-white .selectric .label, .field-white .selectric .button:after { color: #ffffff } 
.field-white ::-webkit-input-placeholder { color:#ffffff; } 
.field-white ::-moz-placeholder { color:#ffffff; } 
.field-white :-ms-input-placeholder { color:#ffffff; } 
.field-white :-moz-placeholder { color:#ffffff; } 
.field-white .icon-field i { color: #ffffff } 
.field-white .csRadioElem, .field-white .csCheckboxElem { border-color: #ffffff } 
.field-white label { color: #ffffff } 
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; 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; appearance: textfield !important } 
.selectric-wrapper { position: relative; cursor: pointer; padding: 0 !important } 
.selectric-responsive { width: 100% } 
.selectric-open { z-index: 99 } 
.selectric-open .selectric-items { display: block } 
.selectric-disabled { filter: alpha(opacity=50); opacity: .5; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } 
.selectric-hide-select { position: relative; overflow: hidden; width: 0; height: 0 } 
.selectric-hide-select select { position: absolute; left: -100%; height: 0; width: 0 } 
.selectric-hide-select.selectric-is-native { position: absolute; width: 100%; height: 100%; z-index: 10 } 
.selectric-hide-select.selectric-is-native select { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; z-index: 1; box-sizing: border-box; opacity: 0 } 
.selectric-input { position: absolute; top: 0; left: 0; overflow: hidden; clip: rect(0,0,0,0); margin: 0; padding: 0; width: 1px; height: 1px; outline: 0; border: none; background: 0 0 } 
.selectric-temp-show { position: absolute; visibility: hidden; display: block } 
.selectric { border: none; border-bottom: 1px solid #d2d2d2; background-color:transparent; position: relative; border-radius: 0; } 
.selectric .label { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 40px 0 0; font-size: 15px; font-weight: 400; line-height:20px; color: #a5a6a8; height:37px; padding: 0; text-align: left } 
.selectric .button { display: block; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; width: 35px; height: 30px; color: #0c101c; font-size: 0; text-align: center } 
.selectric .button:after { content: "\f107"; display: block; font-size: 16px; font-family: "Font Awesome 6 Pro"; font-weight: 400; position: relative; line-height: 24px; text-align: right; color: #454444 } 
.selectric-items { display: none; position: absolute; top: 100%; left: 0; border: 1px solid #f5f5f5; z-index: -1; margin: 0; border-radius:10px; overflow: hidden; background: #ffffff } 
.selectric-items .selectric-scroll { height: 100%; overflow: auto; width: 100%; } 
.selectric-above .selectric-items { top: auto; bottom: 100% } 
.selectric-items ul { display: block; padding: 0; background: #ffffff; margin: 0 } 
.selectric-items li { font-size: 16px; min-height: 20px; margin-bottom: 1px; display: block; padding: 6px 15px; color: #0c101c; line-height: normal; font-weight: 400; white-space: nowrap; } 
.selectric-items li:last-child { margin-bottom: 0; padding-bottom: 6px } 
.selectric-items li:after, .selectric-items li:before { display: none } 
.selectric-focus .selectric, .selectric-hover .selectric, .selectric-open .selectric { border-color: #0c101c } 
.selectric-items li.highlighted, .selectric-items li.selected, .selectric-items li:hover { background-color: #2e74f3; color: #fff } 
.selectric-items .disabled { filter: alpha(opacity=50); opacity: .5; cursor: default; background: 0; color: #666; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } 
.selectric-items .selectric-group .selectric-group-label { font-weight: 400; padding-left: 10px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: 0 0; color: #0c101c } 
.selectric-items .selectric-group.disabled li { filter: alpha(opacity=100); opacity: 1 } 
.selectric-items .selectric-group li.selectric-group-label { padding-left: 12px } 
.selectric-items .selectric-group li { padding-left: 25px } 
 /*****Custom Checkbox & Radio *****/
 .csHiddenFile { width: 1px; height: 0; visibility: hidden; display: none; } 
 .csOpaque { opacity: 0; filter: alpha(opacity=0); } 
 .csFileInput { display: none!important; } 
 /**Checkbox**/
 .csRadio input[type=radio], .csCheckbox input[type=checkbox] { position: absolute; color: #ffffff; width: 22px; height: 22px; cursor: pointer; left: 0; top: 0; bottom: 0; right: 0; z-index: 2; margin: 0; border-radius: 4px; } 
 .csRadio, .csCheckbox { display: inline-block; position: relative; margin: -2px 5px 0 0; vertical-align: middle; height: 22px; width: 22px; } 
 .radio .csRadio, .checkbox .csCheckbox { margin-left: -14px } 
 .csRadioElem, .csCheckboxElem { display: inline-block; background: #ffffff; height: 22px; width: 22px; cursor: pointer; position: absolute; top: 0; left: 0; border: 1px solid #d2d2d2; box-shadow: 0 0 3px rgba(0, 0, 0, .1); border-radius: 4px } 
 .csRadioElem { border-radius: 22px; } 
 .csCheckedR, .csChecked { border-color: #d2d2d2; background: #ffffff; } 
 .csCheckedR:after { content: ""; background: #2e74f3; padding: 6px; border-radius: 8px; width: 8px; line-height: 8px; position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } 
 .csChecked:after { content: "\f00c"; font-size: 14px; font-family: "Font Awesome 6 Pro"; font-weight: 900; color: #2e74f3; position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } 
.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: -20px } 
.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; left: 0; color: #a5a6a8; top: 2px; z-index: 2; width:20px; text-align: center; font-weight: 400; } 
.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, .icon-field i+select { padding-left:30px !important } 
.icon-field i + .selectric-wrapper .selectric .label { margin-left: 30px } 
.icon-field i+ .wpcf7-form-control-wrap input, .icon-field i+ .wpcf7-form-control-wrap textarea, .icon-field i+ .wpcf7-form-control-wrapselect { padding-left:30px !important } 
.icon-field i + .wpcf7-form-control-wrap .selectric-wrapper .selectric .label { margin-left: 30px } 
.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: #0c101c; 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-weight: 600; position: relative; font-size: 15px; border:1px solid #2e74f3; border-radius:40px; color: #ffffff; font-style: normal; line-height:22px; padding:9px 27px; text-decoration: none; white-space: normal; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); overflow: hidden; background-color:#2e74f3; cursor: pointer; text-align: center; text-transform: capitalize; min-width:160px; } 
.btn.min-none { min-width: none; } 
.secondary-btn:before { background-color:transparent } 
.secondary-btn { color: #2e74f3; border-color: #ffffff; background-color: #ffffff } 
 .btn.focus, .btn:focus, .btn:hover { color: #ffffff; border-color: #0c101c; background-color: #0c101c } 
.secondary-btn:focus, .secondary-btn:hover { color: #ffffff; border-color: #ffffff; background-color: transparent } 
.btn-action .btn { margin: 10px 20px 0 0 } 
.btn-action .btn:last-child { margin-right: 0 } 
.xs-btn { padding: 6px 18px !important; font-size: 13px !important; line-height: 16px } 
.lg-btn { padding: 11px 30px !important; font-size: 15px !important; line-height: 22px } 
.btn i { margin: 0 5px 0 0 } 
/*****Global CSS End*****/
/*****Header*****/
header+div:not(.banner-wrapper), header+section:not(.banner-wrapper) { margin-top: 96px!important; } 
header { position: fixed; background-color:transparent; 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:not(.no-bg) { background-color: #f5f5f5 } 
.head-strip { text-align: center; background-color: #2e74f3; color: #e1dbdb; font-size: 12px; padding: 9px 0 } 
.head-strip a { color:#e1dbdb } 
.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:15px 0; } 
header .logo { position: relative; display: block } 
header .logo a { display: block; margin: 0; position: relative; font-size: 28px; color: #0c101c; font-weight: 400; line-height: 1; text-decoration: none; white-space: nowrap } 
header .header-left { min-width:236px; width:236px; } 
header .header-right { width: 100%; } 
.head-fix header { background-color: #f5f5f5; box-shadow: 0 0 5px rgba(0,0,0,.2) } 
.nav-trigger, .nav-wrap nav ul li:before, .submenu-button { display: none } 
.nav-wrap { position: relative; float: right; margin: 0; z-index: 99; display: flex; align-items: center; flex-direction: row-reverse; } 
.nav-wrap .btn { margin-left: 80px; } 
.nav-wrap .btn i { display: none } 
.nav-wrap nav { float: left; margin:0; padding: 0; border: 0; list-style: none; display: block; position: relative } 
.nav-wrap nav ul.nav { float: right; display: flex; width: 100%; margin:0 } 
.nav-wrap nav ul.nav>li { float: left; margin: 0 30px 0 0; padding: 0; overflow: visible; position: relative } 
.nav-wrap nav ul.nav>li:last-child { margin-right: 0; } 
.nav-wrap nav ul.nav>li>a { position: relative; display: block; padding:8px 0; margin: 0; font-size: 16px; font-weight: 500; line-height: 18px; color: #0c101c; white-space: nowrap; text-decoration: none; text-transform: capitalize; } 
.nav-wrap nav ul.nav>li.home-icon>a { font-size: 0; line-height: 26px; } 
.nav-wrap nav ul.nav>li.home-icon>a::after { content: "\f015"; display: inline-block; font-size: 16px; line-height: 18px; font-family: "Font Awesome 6 Pro"; font-weight:900; width: auto; position: relative; top: 3px } 
.nav-wrap nav ul.nav>li.btn-type a { font-weight: 400; position: relative; font-size: 15px; border: 1px solid #0c101c; border-radius: 0; color: #2e74f3; font-style: normal; line-height: 22px; padding: 9px 30px; text-decoration: none; white-space: normal; text-transform: uppercase; min-width: 160px } 
 .nav-wrap nav ul.nav>li.btn-type a::before { display: none } 
 .nav-wrap nav ul.nav>li.btn-type a:hover, .nav-wrap nav ul.nav>li.current-menu-item.btn-type a { background-color: #2e74f3; color: #ffffff; border-color: #2e74f3 } 
.nav>li>a:focus, .nav>li>a:hover { background-color: transparent } 
.nav-wrap nav ul.nav>li>a:before { content: ''; background: #2e74f3; left: 0; padding: 1px 0 0; top: 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 .2s cubic-bezier(.645, .045, .355, 1); transition: transform .2s cubic-bezier(.645, .045, .355, 1) } 
.nav-wrap nav ul.nav li.current-menu-ancestor>a:before, .nav-wrap nav ul.nav li.current-menu-item>a:before, .nav-wrap nav ul.nav li:hover>a:before, .nav-wrap nav ul.nav li>a: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% } 
.nav-wrap nav ul.nav li.has-sub li.has-sub>a { padding-right: 30px!important } 
.nav-wrap nav ul.nav li.has-sub>a:after { content: "\f107"; display: inline-block; font-size: 14px; line-height: 18px; font-family: "Font Awesome 6 Pro"; font-weight: 400; margin-left: 2px; width: 10px; position: relative; top: 1px } 
.nav-wrap nav ul.nav li.has-sub li.has-sub>a:after { position: absolute; right: 5px; top: 7px; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); margin: 0 } 
.nav-wrap nav ul.nav ul li.has-sub li.has-sub:hover>a:after { content: "\f104"; color: #9a9a9a } 
.nav-wrap nav ul.nav ul { position: absolute; border-radius: 0; padding:20px 0; margin: 0; visibility: hidden; text-align: left; left: 0; right: auto; opacity: 0; top: 100%; background: #ffffff; box-shadow: 0 0 3px rgba(0,0,0,0.1); } 
.nav-wrap nav ul.nav ul:after { content: ""; position: absolute; left:20px; bottom: 100%; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #2e74f3 } 
.nav-wrap nav ul.nav ul ul:after { display: none } 
.nav-wrap nav ul.nav ul ul { padding: 0; top: 0; left: 100%; -moz-transform: none; -webkit-transform: none; transform: none } 
.nav-wrap nav ul.nav ul li { float: left; width: 100%; min-width: 150px; padding: 1px 0; margin: 0; vertical-align: top; overflow: visible } 
.nav-wrap nav ul.nav ul li a { display: block; white-space: nowrap; font-size: 16px; font-weight:400; line-height: normal; color: #0c101c; padding: 7px 24px; text-decoration: none; text-transform: capitalize } 
.nav-wrap nav ul.nav li:hover>ul { display: block; visibility: visible; opacity: 1; -webkit-transition: opacity .3s ease-in; -moz-transition: opacity .3s ease-in; -o-transition: opacity .3s ease-in; transition: opacity .3s ease-in } 
.nav-wrap nav ul.nav li.current-menu-ancestor>a, .nav-wrap nav ul.nav li.current-menu-item>a, .nav-wrap nav ul.nav li:hover>a, .nav-wrap nav ul.nav li>a:hover { color: #2e74f3 } 
.nav-wrap nav ul.nav ul li.current-menu-ancestor>a, .nav-wrap nav ul.nav ul li.current-menu-item>a, .nav-wrap nav ul.nav ul li:hover>a, .nav-wrap nav ul.nav ul li>a:hover { color: #ffffff; background: #2e74f3 } 
sup { position: relative; top: -0.4em } 
/*****Header End*****/
/*****Space Classes*****/
[class*="-wrapper"] { padding:60px 0 70px } 
.common-wrapper { padding: 60px 0; } 
.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: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% } 
div.breadcrumbs, section.breadcrumbs { position: relative; display: block; font-weight: 400; margin: 15px 0 0; overflow: hidden; clear: both; text-align: left; z-index: 11 } 
ul.breadcrumbs { float: left; width: 100%; padding: 0; clear: both; margin:10px 0 0; padding: 16px 54px 8px; background-color: #f5f5f5 } 
ul.breadcrumbs li { font-size: 18px; position: relative; display: inline-block; line-height: 1; vertical-align: top; padding: 0 14px 0 0; margin-right:0; color: #0c101c; font-style: normal; overflow: visible; font-weight: 500; text-transform: capitalize } 
ul.breadcrumbs li:before { display: none } 
ul.breadcrumbs li a { position: relative; display: inline-block; color: #0c101c; vertical-align: top; text-decoration: none } 
ul.breadcrumbs li:after { content: "/"; font-weight: 400; position: absolute; color: #0c101c; right: 0; top:0; line-height: 1; font-style: normal; font-size: 100%; } 
ul.breadcrumbs li:last-child { padding: 0; margin: 0 } 
ul.breadcrumbs li:last-child:after { display: none } 
ul.breadcrumbs li:before { display: none } 
ul.breadcrumbs li a:hover { color: #0c101c; text-decoration: underline } 
/*****Fixed Size Thumbnail and Iframe End*****/
/*****Flexslider*****/
.flexslider { position: relative; margin: 0; padding: 0; overflow: hidden } 
.flexslider:before { margin: -20px 0 0 -20px; width: 40px; height: 40px; border-width: .2rem } 
.flexslider ul.slides { margin: 0; padding: 0; float: left; width: 100% } 
.flexslider li { padding: 0 } 
.flexslider li:before { display: none } 
.flexslider .slides>li { position: relative; display: none; -webkit-backface-visibility: hidden; backface-visibility: hidden } 
html[xmlns] .flexslider .slides { display: block } 
* html .flexslider .slides { height: 1% } 
.no-js .flexslider .slides>li:first-child { display: block } 
.flexslider .flex-control-paging-wrap { position: absolute; left: 0; right: 0; top: 10px; text-align: right; padding-right: 10px; z-index: 99 } 
.flexslider .flex-control-paging { position: absolute; right: 0; left: 0; bottom: 25px; margin: 0; display: inline-block; z-index: 98; height: auto; text-align: center; padding: 0 15px } 
.flexslider .flex-control-paging li { position: static; display: inline-block; width: auto; margin: 2px 4px; height: auto } 
.flexslider .flex-control-paging li a { border:2px solid #2e74f3; width: 12px; height: 12px; line-height: 10px; font-size: 0; color: #ffffff; text-align: center; display: block; position: relative; cursor: pointer; background-color: #2e74f3; border-radius: 34px; transition: none; -moz-transition: none; -webkit-transition: none; -ms-transition: none; -o-transition: none } 
.flexslider .flex-control-paging li .flex-active, .flexslider .flex-control-paging li a:hover { background-color:transparent; border-color: #2e74f3 } 
.flexslider .flex-control-paging li .flex-active:after, .flexslider .flex-control-paging li a:hover:after { display: none } 
.flexslider .flex-direction-nav li { position: static } 
.flexslider .flex-direction-nav a { transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out } 
.flexslider .flex-direction-nav .flex-next, .flexslider .flex-direction-nav .flex-prev { background: #0c101c; border: 2px solid #0c101c; position: absolute; left: 10px; top: 50%; margin-top: -20px; width: 40px; height: 40px; z-index: 98; border-radius: 40px; display: inline-block; font-size: 0; opacity: 0 } 
.flexslider .flex-direction-nav { overflow: hidden; width: 100%; margin: 0 } 
.flexslider .flex-direction-nav .flex-next { left: auto; right: 10px } 
.flexslider .flex-direction-nav .flex-next:before, .flexslider .flex-direction-nav .flex-prev:before { content: ''; line-height: 1; display: block; border: solid #ffffff; border-width: 0 2px 2px 0; padding: 5px; margin: 0 2px; position: absolute; top: 50%; left: 50%; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -moz-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); -o-transform: translate(-50%, -50%) rotate(135deg); -webkit-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg) } 
.flexslider .flex-direction-nav .flex-next:before { left: auto; right: 52%; -moz-transform: translate(50%, -50%) rotate(-45deg); -ms-transform: translate(50%, -50%) rotate(-45deg); -o-transform: translate(50%, -50%) rotate(-45deg); -webkit-transform: translate(50%, -50%) rotate(-45deg); transform: translate(50%, -50%) rotate(-45deg) } 
.flexslider .flex-direction-nav .flex-next:hover, .flexslider .flex-direction-nav .flex-prev:hover { background: #0c101c; border-color: #0c101c; opacity: 1 } 
.flexslider .flex-direction-nav .flex-next:hover:before, .flexslider .flex-direction-nav .flex-prev:hover:before { border-color: #fff } 
.flexslider:hover .flex-direction-nav .flex-prev { opacity: 1 } 
.flexslider:hover .flex-direction-nav .flex-next { opacity: 1 } 
.flexslider .flex-disabled { display: none!important } 
/**Flexslider End**/
/******Banner********/
.bg { position: absolute; left: 0; top: 0; bottom: 0; right: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; -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; } 
.bg img { display: none !important } 
.banner-wrapper { padding: 0 } 
.banner-wrapper.flexslider .slides>li { overflow: visible } 
.banner-wrapper .banner-img { position: relative; display: block; margin: 0 auto; width: 100%; background: #f5f5f5; } 
.banner-wrapper .banner-img img { width: 100%; } 
.banner-wrapper .banner-text { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); z-index: 11 } 
.banner-wrapper .max-width { max-width: 512px; padding-top: 50px } 
.banner-wrapper .heading { position: relative; display: block; font-family: 'Epilogue'; font-weight:700; font-size: 58px; color: #0c101c; line-height:1.2413793103448276; padding: 0; margin:0 0 15px } 
.banner-wrapper .small-tagline { font-size: 23px !important; color: #2e74f3 } 
.banner-wrapper p { font-size:20px; margin:0; color: #0c101c; max-width: 460px; } 
.banner-wrapper .btn { margin: 15px 0 0; } 
/*****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 } 
.inner-banner { position: relative; background-color: #f5f5f5; text-align: center } 
.inner-banner .container { padding: 140px 0 70px; background:url(../img/line-pattern.png) 100% 80% no-repeat; } 
.inner-banner .banner-img img { width: 100%; } 
.inner-banner .banner-text { position: relative; left: 0; right: 0; overflow: hidden; z-index: 11 } 
.inner-banner .heading { position: relative; display: block; font-family: 'Epilogue'; font-weight:700; font-size: 58px; color: #0c101c; line-height:1.2413793103448276; padding: 0; margin:0 } 
ul.breadcrumbs .small-tagline { font-size: 16px !important; color: #2e74f3 } 
.inner-banner p { font-size:18px; margin:0; color: #ffffff } 
.inner-banner ul.breadcrumbs { padding: 0; margin: 0; } 
.uppercase { text-transform: uppercase } 
.small-tagline { color: #2e74f3; font-size: 14px !important; font-family: 'Epilogue'; font-weight:400; text-transform:uppercase; margin: 0 !important; letter-spacing: 3px; } 
.small-tagline + * { margin-top: 10px !important } 
.top-text-center { max-width:480px; margin: 0 auto 40px; text-align: center } 
.top-text-center.lg { max-width:680px; } 
.bg-gray { background-color: #f5f5f5 } 
.bg-blue { background-color: #2e74f3 } 
.bg-blue *:not(a) { color: #ffffff } 
.center-btn { text-align: center; padding-top: 40px; } 
/******Banner End********/
.aside-inline-img { padding:60px 0 70px } 
.aside-inline-img .container { display:flex; flex-wrap: wrap; align-items: center } 
.valign-top .container { align-items: flex-start } 
 div.aside-inline-img { float: left; width: 100%; } 
 .aside-inline-img.reverse .container { flex-direction: row-reverse } 
 .aside-inline-img .img-box { position: relative; float: left; width:50%; } 
 .aside-inline-img .img-box img { width: auto; } 
 .aside-inline-img .text-box { float: left; width:50%; padding-left: 60px; } 
 .aside-inline-img.reverse .img-box { padding-right: 0; } 
 .aside-inline-img.reverse .text-box { padding-left: 0; padding-right:60px; } 
 .img-pattern .img-box { position: relative; } 
 .img-pattern .img-box:before { content: ""; width: 102px; height: 108px; background: url(../img/line-pattern.png) 0 0 no-repeat; position: absolute; left: -60px; bottom: -44px; z-index: 2; } 
.pattern-icon-none::before { display: none; } 
 .cta-strip { float: left; width: 100%; position: relative; z-index: 2 } 
 .cta-row { background: #0c101c; display: flex; align-items: center; justify-content: center; gap: 20px; padding: 19px; border-radius: 80px; flex-wrap:wrap; text-align: center; margin-top: -40px; } 
 .cta-row.bg-blue { background-color: #2e74f3 } 
 .cta-row *:not(.btn):not(i) { color: #ffffff } 
 .cta-row p { font-size: 20px; margin: 0; font-weight: 600; line-height: 1.2 } 
 .cta-row .btn:not(.secondary-btn)::before { background-color: #ffffff } 
 .cta-row .btn:not(.secondary-btn):hover, .cta-row .btn:not(.secondary-btn):focus { background-color: #ffffff; color: #2e74f3; border-color: #ffffff } 
 .cta-row.bg-blue .btn i { color: #2e74f3 } 
 .cta-row.bg-blue .btn:hover i, .cta-row.bg-blue .btn:focus i { color: #ffffff } 
 .brand-wrapper { padding:30px 0 40px; float: left; width: 100% } 
 .brand-logo { display: flex; align-items: center; justify-content: center; width: 100% } 
 .experience-wrapper { position: relative; background: url(../img/line-pattern.png)94% 10% no-repeat } 
 .experience-wrapper.right-pattern-none { background: none } 
 .experience-wrapper::before { content: ""; width: 102px; height: 108px; background: url(../img/line-pattern.png)0 0 no-repeat; position: absolute; left: 40px; bottom: -54px; z-index: 2; } 
 .experience-row { position: relative; display: flex; flex-wrap: wrap; margin: -20px -26px; z-index: 3; } 
 .experience-box { float: left; width: 25%; padding:20px 26px; text-align: center } 
 .experience-box .icon { background-color: #2e74f3; border-radius: 20px; position: relative; height:70px; width: 70px; margin: 0 auto 13px; display: flex; align-items: center; justify-content: center } 
 .experience-box h3 { font-size: 22px; margin-top: 13px } 
 .bg-pattern-1 { background-image: url(../img/bg-1.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover } 
.fleets-box { text-decoration: none; text-align: center; color: #0c101c; margin: 0 auto; width: 100%; } 
.fleets-box .image-thumbnail { margin: 0 0 20px; padding-top: 58.33%; } 
.fleets-box h3 { font-size: 28px; color: inherit; margin: 0 0 5px; } 
.fleets-box p { color: #0c101c; max-width: 320px; margin-left: auto; margin-right: auto } 
.fleets-box:hover { color: #2e74f3; } 
.fleets-wrapper .btn { min-width: 218px; } 
.fleets-list { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 0 -50px -4%; } 
.fleets-list .fleets-box { float: left; width: 29.33333333333%; margin: 0 0 50px 4%; } 
.fleets-list .fleets-box .image-thumbnail { padding-top: 49%; } 
.fleets-wrapper.star-pattern::before { top: 0; background: url(../img/black-star.png) 0 80px no-repeat, url(../img/blue-star.png) 100% 75% no-repeat; } 
.faq-wrapper .container { background: url(../img/black-star.png) 0 10% no-repeat, url(../img/blue-star.png)100% 96% no-repeat; } 
.star-line-pattern .container { background:url(../img/line-pattern.png) 0 10% no-repeat, url(../img/black-star.png) 5% 56% no-repeat, url(../img/blue-star.png)100% 96% no-repeat; } 
.all-faq { max-width: 824px; margin-left: auto; margin-right: auto; } 
.all-faq.w-full { max-width: 100%; } 
.accordion-data { position: relative; padding: 29px 90px 29px 44px; margin: 0 0 15px; cursor: pointer; background-color: #ffffff; border-radius:40px } 
.accordion-data.active { background-color: #f5f5f5 } 
.accordion-data:last-child { margin-bottom: 0; } 
.accordion-data .accordion-head:after { content: "\f105"; display: inline-block; font-size: 22px; line-height: 24px; font-family: "Font Awesome 6 Pro"; font-weight: 400; position: absolute; right: -45px; top:-1px; color: #2e74f3; } 
.accordion-data .accordion-head.active:after { content: "\f106"; } 
.accordion-head { color: #0c101c; display: block; font-size: 22px; font-family: 'Epilogue'; font-weight: 700; margin: 0; line-height: normal; position: relative; cursor: pointer; } 
.accordion-content { display: none; padding: 15px 0 0; position: relative; cursor: pointer; } 
.type-2 .accordion-data { background-color: #f5f5f5; padding: 0; overflow: hidden; } 
.type-2 .accordion-head { background-color: transparent; padding: 29px 90px 29px 44px; } 
.type-2 .accordion-head::after { right: 40px; top: 28px; } 
.type-2 .accordion-content { padding: 22px 50px 29px 44px; } 
.type-2 .accordion-head.active { background-color:#2e74f3; color: #ffffff; } 
.type-2 .accordion-head.active::after { color: #ffffff } 
.area-wrapper { text-align: center } 
ul.area-list { display: flex; flex-wrap: wrap; gap:16px; justify-content: center; margin-top: 30px } 
ul.area-list li { display: block; padding: 13px 20px; background-color: #2e74f3; color: #ffffff; font-size: 16px; border-radius: 40px; min-width: 194px; line-height: 22px; } 
 ul.area-list li:has(a) { padding:0; background: none } 
 ul.area-list li a { display: block; padding: 13px 20px; background-color: #2e74f3; color: #ffffff; font-size: 16px; border-radius: 40px; min-width: 194px; line-height: 22px; } 
 ul.area-list li::before { display: none; } 
 ul.area-list li a:hover { background-color: #0c101c } 
.appointment-wrapper { padding:20px 0; overflow: hidden; } 
.appointment-wrapper .container { display: flex; flex-wrap: wrap; align-items: center; } 
.appointment-wrapper .img-box { width: 50%; } 
.appointment-wrapper .img-box img { margin: 0 0 0 auto; } 
.appointment-wrapper .text-box { width: 50% } 
.appointment-wrapper .max-width { float: right; max-width: 585px; width: 100%; padding:20px 60px 20px 0; } 
.appointment-wrapper h3 { font-size: 36px } 
.rounded { border-radius: 20px; } 
.experience-wrapper .relative { position: relative; padding: 80px 0 } 
.experience-wrapper .relative .absolute { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 150px } 
.experience-row.type-2 { margin: 0; display: grid; grid-template-columns: 1fr 1fr; column-gap: 316px; row-gap: 60px } 
.experience-row.type-2 .experience-box { position: relative; width: 100%; padding: 0 0 0 92px; text-align: left; } 
.experience-row.type-2 .experience-box .icon { position: absolute; left: 0; top: 0 } 
.experience-row.type-2 .experience-box h3 { margin: 0 0 8px; } 
.experience-row.type-2 .experience-box h3 br { display: none; } 
.experience-wrapper .relative.type3 { padding: 0; max-width: 990px; margin: 0 auto; } 
.type3 .experience-row.type-2 { column-gap: 50px } 
.img-w-full { float: left; width: 100%; } 
.img-w-full img { width: 100% } 
.star-pattern { position: relative; } 
.star-pattern::before { content: ""; position: absolute; top: -26px; bottom: 0; margin: 0 auto; left: 50%; right: auto; width: 100%; max-width: 1252px; background: url(../img/black-star.png) 15px 0 no-repeat, url(../img/blue-star.png) 100% 90% no-repeat; transform: translateX(-50%); } 
.star-pattern .container { position: relative; background-image:none !important } 
.mid-line-pattern .container { background: url(../img/line-pattern.png) 0 58% no-repeat; } 
.mid-line-pattern-2 { position: relative; } 
.mid-line-pattern-2 .container { position: relative } 
.mid-line-pattern-2 .container::before { content: ""; background: url(../img/line-pattern.png) 0 0 no-repeat; position: absolute; left: -80px; top: 40%; padding: 54px; z-index: -1; } 
.area-row { display: flex; flex-wrap: wrap; justify-content: center; margin:0 0 -4% -4% } 
.area-box { float: left; width: 29.3333333333%; margin: 0 0 4% 4%; max-width: 300px; text-align: center; } 
.area-box img { border-radius: 100%; margin: 0 auto; } 
.area-box h3 { display:table; padding: 13px 20px; font-family: 'DM Sans'; font-weight: normal; background-color: #2e74f3; color: #ffffff; font-size: 16px; border-radius: 40px; min-width: 194px; line-height: 22px; text-align: center; margin: -30px auto 0; position: relative; } 
.review-wrapper+.area-wrapper { padding-top: 0 } 
.review-wrapper .top-text-center { margin-bottom: 30px; } 
.review-box { background-color: #ffffff; width: 100%; border: 1px solid #e7e7e7; border-radius: 20px; padding: 30px; } 
.review-box .star-icon { letter-spacing: 2px; color: #ffd615; margin-bottom: 15px; } 
.review-box p { font-size: 15px; } 
.review-box h3 { font-size: 20px; font-weight: bold; color: #0c101c; border-top: 1px solid #e7e7e7; padding-top: 20px; margin-bottom: 0 } 
.review-box h3 + p { font-size: 15px; } 
.appointment-form { position: relative; background: #2e74f3 url(../img/circle-bg.png) bottom right no-repeat; background-size: 150px; border-radius: 40px; padding: 50px 80px; max-width: 860px; /* margin: 0 auto 130px; */ margin: 0 auto !important; } 
.appointment-form::after { content: ""; position: absolute; bottom: -217px; right: -196px; background: url(../img/appointment-img-2.png) 0 0 no-repeat; width: 454px; height: 307px; z-index: 2; display: none !important; } 
 .choice-row { display: flex; flex-wrap: wrap; column-gap:50px; row-gap: 20px; } 
 .choice-row label { margin: 0; display: flex; gap: 8px; } 
 .choice-row .csRadio, .choice-row .csCheckbox { margin-top: 2px } 
 .appointment-form .choice-row { margin: 15px 0; } 
 .appointment-form .wpcf7-spinner { position: absolute } 
 .appointment-form .wpcf7-not-valid-tip { color: #fbdede; } 
 .appointment-form .wpcf7 form .wpcf7-response-output { text-align: center; color: #ffffff; } 
 .appointment-form .choice-row .wpcf7-form-control { display: flex; flex-wrap: wrap; column-gap: 50px; row-gap: 20px; } 
 .appointment-form .choice-row .wpcf7-list-item { margin: 0 } 
 .appointment-form h3 { font-size: 18px; font-weight: 600; color: #ffffff; text-align: center; margin-top: 0 } 
 .appointment-form .form-fields [class*=col-]:has(.btn) { text-align: center } 
 .appointment-form .btn { min-width: 190px; margin-top: 10px } 
.contact-wrapper .container { position: relative; display: flex; flex-wrap: wrap } 
.contact-wrapper .container::before { content: ""; background: url(../img/line-pattern.png) 0 0 no-repeat; position: absolute; left: -60px; top:100px; padding: 54px; z-index: -1; } 
.page-id-216 .contact-wrapper form br { display: none; } 
.page-id-216 .contact-wrapper form h2 { margin-bottom: 0 } 
.page-id-216 .contact-wrapper form h3 { margin: 45px 0 0 } 
.page-id-216 .wpcf7-form-control { display: flex; flex-wrap: wrap; row-gap: 10px; column-gap: 30px } 
.page-id-216 .wpcf7-form-control .wpcf7-list-item { margin: 0; } 
.page-id-216 .wpcf7-form-control label { margin: 0; } 
.page-id-216 .contact-wrapper form .small-note { font-size: 12px; color: #333333; margin-top: 5px; } 
.connect-info { float: left; width: 42%; background: #2e74f3 url(../img/circle-bg.png) bottom right no-repeat; border-radius: 20px; padding: 60px 40px; margin: 0; overflow: hidden; } 
.connect-info *:not(.btn) { color: #ffffff } 
.connect-info p a:not(.btn):hover { color: #ffffff; text-decoration: underline } 
.connect-info p:has(i.fa-map-marker-alt) { margin-bottom: 25px; } 
.connect-info p:has(i) { position: relative; padding-left: 38px; font-size: 18px; margin-bottom: 10px; } 
.connect-info p:has(i) i { position: absolute; left: 0; top: 5px; color: #ffffff; font-size: 20px; font-weight: 300; } 
.connect-info p:has(i) i.fa-map-marker-alt { font-size: 24px } 
.connect-info ul.social-icon { margin: 30px 0 0; } 
.connect-info ul.social-icon li a { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border: 1px solid #ffffff; border-radius: 40px; } 
.connect-info ul.social-icon li a i { color: #ffffff } 
.connect-info ul.social-icon li a:hover { background-color: #ffffff } 
.connect-info.rent-form { padding: 0 !important } 
.connect-info.rent-form img { width: 100% } 
.connect-info.rent-form .content-box { padding: 30px; } 
.contact-form { float: left; width: 58%; padding-left: 50px; padding-top:10px; } 
.contact-form .btn { min-width: 190px } 
.map-wrapper { padding-top: 0 } 
.map-wrapper.star-pattern::before { top: 30px; background: url(../img/black-star.png) 50px 0 no-repeat, url(../img/blue-star.png) 100% 90% no-repeat; } 
.map-wrapper .iframe-map { padding-top: 455px; border-radius: 20px; overflow: hidden; } 
.area-wrap .img-box { width: 55% } 
.area-wrap .img-box img { margin-right: -16%; float: right; width: 116%; max-width: 116%; } 
.area-wrap .text-box { width: 45% } 
ul.area-name { -webkit-columns: 2; -moz-columns: 2; columns: 2; } 
 ul.area-name li { padding-left: 40px } 
 ul.area-name li::before { width: 12px; height: 12px; border: 1px solid #2e74f3; background-color: #ffffff; left: 18px; top: 5px; } 
 .address-wrapper{ text-align: center; }
  .address-wrapper h2{ margin-bottom: 20px}
.address-wrapper ul { display: flex; flex-wrap: wrap; justify-content: center; gap:16px; width: 100%; } 
.address-wrapper ul li { padding: 30px 3%; background-color: #f5f5f5; width: calc(100%/4 - 12px); text-align: center; } 
.address-wrapper ul li:before { display: none; } 
.address-wrapper ul li i { display: block; font-size: 20px; margin-bottom: 15px; } 
/***Date Picker****/
.datetimepicker { background: #FFFFFF; border-bottom: 1px solid #BBBBBB; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; color: #333333; padding: 8px; padding-left: 0px; padding-top: 2px; position: absolute; z-index: 999; -moz-box-sizing: border-box; box-sizing: border-box; display: none; border-radius: 4px; -webkit-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.22); -moz-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.22); box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.22); } 
.datetimepicker iframe { position: absolute; left: 0; top: 0; width: 75px; height: 210px; background: transparent; border: none; } 
/*For IE8 or lower*/
.datetimepicker button { border: none !important; } 
.noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } 
.noselect::selection { background: transparent; } 
.noselect::-moz-selection { background:transparent; } 
.datetimepicker.inline { display: inline-block; position: static; box-shadow: none; } 
.datetimepicker * { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0px; margin: 0px; font-weight: normal; } 
.datetimepicker .datepicker, .datetimepicker .timepicker { display: none; } 
.datetimepicker .datepicker.active, .datetimepicker .timepicker.active { display: block; } 
.datetimepicker .datepicker { width: 224px; float: left; margin-left: 8px; } 
.datetimepicker.showweeks .datepicker { width: 256px; } 
.datetimepicker .timepicker { width: 80px; float: left; text-align: center; margin-left: 8px; margin-top: 0px; } 
.datetimepicker .datepicker.active+.timepicker { margin-top: 8px; margin-bottom: 3px } 
.datetimepicker .mounthpicker { position: relative; text-align: center; } 
.datetimepicker .prev, .datetimepicker .next, .datetimepicker .today_button { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAeCAYAAACsYQl4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozQjRCQjRGREU4MkNFMzExQjRDQkIyRDJDOTdBRUI1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQjg0OUYyNTZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQjg0OUYyNDZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI5NzE3MjFBN0E2Q0UzMTFBQjJEQjgzMDk5RTNBNTdBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCNEJCNEZERTgyQ0UzMTFCNENCQjJEMkM5N0FFQjUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aQvATgAAAfVJREFUeNrsmr1OwzAQxzGtkPjYEAuvVGAvfQIGRKADE49gdLwDDwBiZ2RhQUKwICQkWLsgFiRQuIBTucFJ/XFp4+hO+quqnZ4uvzj2nV2RpukCW/22yAgYNINmc7du7DcghCjrkqgOKjF1znpt6rZ0AGWQj7TvCU8d9UM+QAGDrhdyc2Bnc1WVVPBev9V8lBnY+rDwncWZThG4xk4lmxtJy2AHgoY/FySgbSBPwPZ8mEXbQx3aDERb0EbYAYFC7pcAtAvkMWwC0D3NX58S9D/YnoGC7nPWr3Dg9JTbtuHhDShBT8D2CBSK/iIEvVXxpuxSgh7DdgwUTL4iA92zmJb6lKB/YTsECmV+IgK947AGDIqgQ/LojsO135Hn51l2cWlov0JdGNrPUceueXRwilSVgkUyom9Rd6gbLfYTDeO+1v6orn0InTogYDGUkYLO3/wc9BdqqTCKP1Tfi+oTIaCBIL2TES+GTyruT9S61p6BHam+99DFEAgLFklYsIBHwSI9QY80H5ta+1rB/6ovaKihBJeEJbgLbBlQgl+j3lDPqA2tfQV1j3pVn8s+oKHGTSVJ+FqDLeR5bCqJ2E/BCycsoLZETXaKGs7rhKVt+9HZScrZNMi88V8P7LlDbvOZYaJVpMMmBCT4n0o8dTBoNgbdWPsRYACs3r7XyNfbnAAAAABJRU5ErkJggg=='); } 
.datetimepicker .prev { float: left; background-position: -20px 0px; } 
.datetimepicker .today_button { float: left; background-position: -70px 0px; margin-left: 5px; } 
.datetimepicker .next { float: right; background-position: 0px 0px; } 
.datetimepicker .next, .datetimepicker .prev, .datetimepicker .today_button { background-color: transparent; background-repeat: no-repeat; border: 0px none currentColor; cursor: pointer; display: block; height: 30px; opacity: 0.5; outline: medium none currentColor; overflow: hidden; padding: 0px; position: relative; text-indent: 100%; white-space: nowrap; width: 20px; } 
.datetimepicker .timepicker .prev, .datetimepicker .timepicker .next { float: none; background-position: -40px -15px; height: 15px; width: 30px; display: block; margin-left: 14px; margin-top: 7px; } 
.datetimepicker .timepicker .prev { background-position: -40px 0px; margin-bottom: 7px; margin-top: 0px; } 
.datetimepicker .timepicker .time_box { height: 151px; overflow: hidden; border-bottom: 1px solid #DDDDDD; } 
.datetimepicker .timepicker .time_box >div >div { background: #F5F5F5; border-top: 1px solid #DDDDDD; color: #0c101c; font-size: 12px; text-align: center; border-collapse: collapse; cursor: pointer; border-bottom-width: 0px; height: 25px; line-height: 25px; } 
.datetimepicker .timepicker .time_box >div > div:first-child { border-top-width: 0px; } 
.datetimepicker .today_button:hover, .datetimepicker .next:hover, .datetimepicker .prev:hover { opacity: 1; } 
.datetimepicker .label { display: inline; position: relative; z-index: 9999; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: 600; background-color: #fff; float: left; width: 182px; text-align: center; cursor: pointer; color: #0c101c } 
.datetimepicker .label:hover { text-decoration: underline; } 
.datetimepicker .label > .select { border: 1px solid #ccc; position: absolute; right: 0px; top: 30px; z-index: 101; display: none; background: #fff; max-height: 160px; overflow-y: hidden; } 
.datetimepicker .label > .select.monthselect { right: -7px; } 
.datetimepicker .label > .select.yearselect { right: 2px; } 
.datetimepicker .label > .select > div > .option:hover { color: #fff; background: #2e74f3; } 
.datetimepicker .label > .select > div > .option { padding: 2px 10px 2px 5px; } 
.datetimepicker .label > .select > div > .option.current { background: #2e74f3; box-shadow: #2e74f3 0px 1px 3px 0px inset; color: #fff; } 
.datetimepicker .date.current { background: #2e74f3; box-shadow: #2e74f3 0px 1px 3px 0px inset; color: #fff; } 
.datetimepicker .month { width: 90px; text-align: right; } 
.datetimepicker .calendar { clear: both; margin: 0; } 
.datetimepicker .year { width: 56px; } 
.datetimepicker .calendar table { border-collapse: collapse !important; width: 100%; border: none; } 
.datetimepicker .calendar td > div { padding: 5px; } 
.datetimepicker .calendar th { height: 25px; } 
.datetimepicker .calendar td, .datetimepicker .calendar th { width: 14.2857142%; background: #F5F5F5; border: 1px solid #DDDDDD; color: #666666; font-size: 12px; text-align: right; padding: 0px; border-collapse: collapse; cursor: pointer; height: 25px; } 
.datetimepicker.showweeks .calendar td, .datetimepicker.showweeks .calendar th { width: 12.5%; } 
.datetimepicker .calendar th { background: #F1F1F1; } 
.datetimepicker .calendar td.today { color: #33AAFF; } 
.datetimepicker .calendar td.default, .datetimepicker .calendar td.current, .datetimepicker .timepicker .time_box >div >div.current { background: #2e74f3; box-shadow: #2e74f3 0px 1px 3px 0px inset; color: #fff !important; } 
.datetimepicker .calendar td.current > div { color: #fff !important; } 
.datetimepicker .calendar td.other_month, .datetimepicker .calendar td.disabled, .datetimepicker .time_box >div >div.disabled { opacity: 0.5; } 
.datetimepicker .calendar td.other_month.disabled { opacity: 0.2; } 
.datetimepicker .calendar td:hover, .datetimepicker .timepicker .time_box >div >div:hover { color: #ffffff !important; background: #2e74f3 !important; box-shadow: none !important; } 
.datetimepicker .calendar td.disabled:hover, .datetimepicker .timepicker .time_box >div >div.disabled:hover { color: inherit !important; background: inherit !important; box-shadow: inherit !important; } 
.datetimepicker .calendar td.disabled:hover div, .datetimepicker .timepicker .time_box >div >div.disabled:hover div { color: #ffffff !important; } 
.disabled { cursor: not-allowed !important; } 
.datetimepicker .calendar td:hover div, .datetimepicker .timepicker .time_box >div >div:hover div { color: #fff!important; } 
.datetimepicker .calendar th { text-align: center; color: #999; cursor: default; } 
.datetimepicker .copyright { color: #ccc !important; font-size: 10px; clear: both; float: none; margin-left: 8px; } 
.datetimepicker .copyright a { color: #eee !important; } 
.datetimepicker .copyright a:hover { color: #aaa !important; } 
.time_box { position: relative; border: 1px solid #ccc; } 
.scrollbar >.scroller { background: #ccc !important; height: 20px; border-radius: 3px; } 
.scrollbar { position: absolute; width: 7px; right: 0px; top: 0px; bottom: 0px; cursor: pointer; } 
.scroller_box { position: relative; } 
/***Date Picker End****/
/******Owl Carousel*******/ 
.owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative } 
.owl-carousel { display: none; width: 100%; z-index: 1 } 
.owl-carousel .owl-stage { display: flex; position: relative; -ms-touch-action: pan-Y; touch-action: pan-Y; -moz-backface-visibility: hidden; backface-visibility: hidden } 
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } 
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 
.owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 
.owl-carousel .owl-item { display: flex; min-height: 1px; float: left; width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } 
.owl-carousel .owl-item img { display: block; } 
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none } 
.no-js .owl-carousel, .owl-carousel.owl-loaded { display: block } 
.owl-carousel.owl-loading { opacity: 0; display: block } 
.owl-carousel.owl-hidden { opacity: 0 } 
.owl-carousel.owl-refresh .owl-item { visibility: hidden } 
.owl-carousel.owl-grab { cursor: move; cursor: grab } 
.owl-carousel.owl-rtl { direction: rtl } 
.owl-carousel.owl-rtl .owl-item { float: right } 
.owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both } 
.owl-carousel .owl-animated-in { z-index: 0 } 
.owl-carousel .owl-animated-out { z-index: 1 } 
.owl-carousel .fadeOut { animation-name: fadeOut } 
@keyframes fadeOut { 
 0% { opacity:1 } 
100% { opacity:0 } 
 }
.owl-height { transition: height .5s ease-in-out } 
.owl-carousel .owl-item .owl-lazy { opacity: 0 } 
.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d } 
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #0b0b0b } 
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: transform .1s ease } 
.owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) } 
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none } 
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease } 
.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% } 
.owl-carousel .owl-dots { display: flex; margin: 0 auto; clear: both; overflow: hidden; padding-top: 25px; text-align: center; align-items: center; justify-content: center } 
.owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } 
.owl-carousel .owl-dot { position: relative; display: inline-block; width: 14px; height: 14px; margin: 2px 4px; border: 2px solid #dddddd; font-size: 0; line-height: 0; cursor: pointer; border-radius: 20px; background-color:#dddddd } 
.owl-carousel .owl-dot span { display: none } 
.owl-carousel .owl-dot.active, .owl-carousel .owl-dot:hover { background-color: #2e74f3; border-color: #2e74f3; } 
.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { background-color:#ffffff; cursor: pointer; position: absolute; left: -13px; top: 50%; margin-top: -19px; width:38px; height: 38px; border: #ffffff; border-radius:60px; display: inline-block; font-size: 0; z-index: 98; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } 
.owl-carousel .owl-nav .owl-next { left: auto; right:-13px } 
.owl-carousel .owl-nav .owl-next.disabled, .owl-carousel .owl-nav .owl-prev.disabled { opacity: .2; cursor: not-allowed } 
.owl-carousel .owl-nav .owl-next:before, .owl-carousel .owl-nav .owl-prev:before { content: "\f053"; font-size:18px; font-family:"Font Awesome 6 Pro"; color: #0c101c; font-weight: 900; line-height: 1; display: block; margin: 0 2px; position: absolute; top: 50%; left: 42%; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -moz-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } 
.owl-carousel .owl-nav .owl-next:before { left: 46%; content: "\f054" } 
.owl-carousel.long-arrow .owl-nav .owl-next, .owl-carousel.long-arrow .owl-nav .owl-prev { width: 80px; background: none !important } 
.owl-carousel.long-arrow .owl-nav .owl-next:before, .owl-carousel.long-arrow .owl-nav .owl-prev:before { color: #0c101c; font-size: 23px; } 
.owl-carousel.long-arrow .owl-nav .owl-prev:before { left: 2px; } 
.owl-carousel.long-arrow .owl-nav .owl-next:before { left: auto; right:0; } 
.owl-carousel.long-arrow .owl-nav .owl-next:after, .owl-carousel.long-arrow .owl-nav .owl-prev:after { content: ""; border-bottom: 2px solid #515050; width: 70px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } 
/******Owl Carousel End*******/ 
/******Social Icons*******/ 
ul.social-icon { display: inline-block; padding: 0; margin: 0 0 15px; vertical-align: middle } 
ul.social-icon li { display: inline-block; width: auto; margin: 3px 10px 3px 0; background: 0 0; padding: 0; vertical-align: middle; color: #0c101c; overflow: visible; } 
ul.social-icon li:last-child { margin-right: 0 } 
ul.social-icon li:before { display: none } 
ul.social-icon li a { display: inline-block; padding: 0; width: auto; text-decoration: none } 
ul.social-icon li i { text-align: center; display: block; font-size: 16px; color: #0c101c; line-height: 1 } 
ul.social-icon li a:hover i { color: #ffffff } 
ul.social-icon li a:hover .fa-twitter, ul.social-icon li a:hover .fa-x-twitter { color: #0eb1f2 } 
ul.social-icon li a:hover .fa-linkedin-in { color: #007bb6 } 
ul.social-icon li a:hover .fa-instagram { color: #d82370 } 
ul.social-icon li a:hover .fa-pinterest, ul.social-icon li a:hover .fa-pinterest-p { color: #cb2027 } 
ul.social-icon li a:hover .fa-tumblr { color: #395976 } 
ul.social-icon li a:hover .fa-youtube { color: red } 
ul.social-icon li a:hover .fa-whatsapp { color: #25d366 } 
ul.social-icon li a:hover .fa-tiktok { color: #ff0050 } 
ul.social-icon li a:hover i { border-color: transparent } 
ul.social-icon li a:hover .fa-facebook, ul.social-icon li a:hover .fa-facebook-f, ul.social-icon li a:hover .fa-facebook-square { color: #3b5998 } 
ul.social-icon li a:hover i { color: #0c101c; } 
/******Social Icons End*******/ 
/******Footer*******/ 
footer { background:#0c101c; padding:20px 0 0 } 
footer .footer-row { display: flex; margin:0 -15px; align-items: flex-start; justify-content: space-between } 
footer .footer-column { float: left; padding:40px 15px 0; } 
footer img { margin: 0 0 20px; } 
footer ul li { padding: 0 0 8px 0; line-height: 1.4; font-size: 15px; color: #7e87a0 } 
footer ul li a { font-size: inherit } 
footer ul li:before { display: none } 
footer ul li:last-child { padding-bottom: 0 } 
footer h5 { font-size:16px; color: #ffffff; font-family: 'DM Sans'; font-weight:700; margin: 0 0 16px; padding: 0; text-transform: capitalize; } 
footer a, footer p { color: #7e87a0; font-size: 15px; margin: 0; } 
footer p:has(i) { position: relative; padding-left:28px; } 
footer p:has(i) i { position: absolute; left: 0; top: 3px; color: #2e74f3; font-size: 18px; } 
footer p:has(i) i.fa-map-marker-alt { font-size: 20px } 
footer ul.social-icon { margin:40px 0 0; display: flex; flex-wrap: wrap } 
footer ul.social-icon li { margin-right: 14px } 
footer ul.social-icon li a { text-decoration: none !important } 
footer ul.social-icon li i { color: #7e87a0 } 
footer a { text-decoration: none } 
footer p+p { margin-top: 15px } 
footer .copyright-block { padding:33px 0; float: left; width: 100%; margin-top:80px; background-color: #ffffff } 
footer .copyright-block .container { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } 
footer .copyright-block p { float: left; margin: 0; font-size: 15px; color: #0c101c; } 
footer .copyright-block a { font-size: inherit; color: inherit } 
footer .current-menu-item a, footer a:focus, footer a:hover { color: #ffffff!important; } 
footer .copyright-block a:focus, footer .copyright-block a:hover { color: #2e74f3!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 i { color: #0c101c; width: 36px; height: 36px; font-size: 16px; line-height: 36px; background: #ffffff; cursor: pointer; text-align: center; position: relative; z-index: 5; vertical-align: top; border-radius: 40px; box-shadow: 0 0 5px rgba(0,0,0,0.5) } 
.scrollup:hover i { background-color: #0c101c; color: #ffffff; } 
.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:1330px){
 .area-wrap .img-box img { margin-right: -4%; float: right; width: 104%; max-width: 104%; } 
 }
@media only screen and (max-width:1249px){
 .nav-wrap .btn { margin-left: 30px; } 
 }
@media only screen and (max-width:1199px){
 .nav-wrap nav ul.nav>li { margin: 0 20px 0 0; } 
 .nav-wrap .btn { font-size: 0; line-height: 1; padding: 0; width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; letter-spacing: normal; min-width: inherit; margin-left: 20px; } 
 .nav-wrap .btn i { display: block; font-size: 18px; margin: 0; } 
 .banner-wrapper .heading { font-size: 36px } 
 .banner-wrapper p { font-size: 17px; } 
 .appointment-wrapper { align-items: flex-end } 
 .appointment-form::after { right: -100px } 
 }
@media only screen and (max-width:1024px){
 .nav-trigger { padding:19px; border-radius:40px; display: inline-block; position: relative; cursor: pointer; transition-property: opacity, -webkit-filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; transition-duration: .15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; margin: 0 0 0 10px; overflow: visible; font-size: 0; background: #2e74f3; order: 3 } 
.nav-trigger span { display: block; top: 50%; margin-top: -1px; right: 11px } 
.nav-trigger span, .nav-trigger span::after, .nav-trigger span::before { width:16px; height: 2px; background-color: #ffffff; border-radius: 0; position: absolute; transition-property: transform; transition-duration: .15s; transition-timing-function: ease } 
.nav-trigger span::after, .nav-trigger span::before { content: ""; display: block } 
.nav-trigger span::before { top: -7px } 
.nav-trigger span::after { bottom: -7px } 
.nav-trigger.closemenu span { top: auto; bottom: 6px; transition-duration: .15s; transition-delay: .15s; transition-timing-function: cubic-bezier(.55, .055, .675, .19) } 
.nav-trigger.closemenu span::after { top: -20px; transition: top .3s .3s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear } 
.nav-trigger.closemenu span::before { transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), transform .15s cubic-bezier(.55, .055, .675, .19) } 
.nav-trigger.closemenu span { transform: translate3d(0, -12px, 0) rotate(-45deg); transition-delay: .32s; transition-timing-function: cubic-bezier(.215, .61, .355, 1) } 
.nav-trigger.closemenu span::after { top: 0; opacity: 0; transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .27s linear } 
.nav-trigger.closemenu span::before { top: 0; -ms-transform: rotate(-90deg); transform: rotate(-90deg); transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), transform .15s .42s cubic-bezier(.215, .61, .355, 1) } 
#sidebar-nav { right: -320px; top: 0; bottom: 0; position: fixed; width: 320px; overflow-x: hidden; overflow-y: auto; margin: 0; padding: 20px 0 30px 20px; transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -webkit-transition: all .2s linear 0s; -ms-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; background: #ffffff; -webkit-box-shadow: inset -30px 20px 20px rgb(255 255 255), inset -30px -20px 20px rgb(255 255 255), inset 0px 0px 20px rgba(0,0,0,0.1); box-shadow: inset -30px 20px 20px rgb(255 255 255), inset -30px -20px 20px rgb(255 255 255), inset 0px 0px 20px rgba(0,0,0,0.1); } 
header, html { -moz-transition: all .2s linear 0s; -webkit-transition: all .2s linear 0s; -ms-transition: all .2s linear 0s; -o-transition: all .3s linear 0s; transition: all .2s linear 0s } 
.sidebar_active { overflow: hidden; margin-left: -320px; margin-right: 320px } 
.sidebar_active #sidebar-nav { display: block; right: 0; z-index: 999999 } 
.nav-wrap nav ul.nav>li.has-sub>a:after { display: none } 
.sidebar_active header { position: fixed; left: -320px; right: 320px } 
.nav-wrap nav ul, nav ul ul { display: none } 
.nav-wrap nav ul.nav { padding: 0; margin: 0; border: 0; visibility: visible; display: block; top: 0 } 
.nav-wrap nav ul.nav>li { width: 100%; margin: 0; padding:8px 0; border: 0; /* border-bottom: 1px solid rgba(0,0,0,.12)*/ } 
.nav-wrap nav ul.nav>li>a { font-size:18px; color: #0c101c; padding: 7px 20px 7px 16px; margin: 0; white-space: inherit; border-radius: 0; border: none; font-weight: 500 } 
.nav-wrap nav ul.nav>li.has-sub>a { padding-right: 30px } 
.nav-wrap nav ul.nav>li:last-child { border-bottom: none } 
.nav-wrap nav ul.nav ul li { opacity: 1 } 
.nav-wrap nav ul.nav ul { position: static; opacity: 1; visibility: visible; padding: 0; border-radius: 0; background: 0 0; -webkit-box-shadow: none; box-shadow: none } 
.nav-wrap nav>ul.nav>li>ul { max-height: inherit; margin-top: 0; -moz-transform: none; -webkit-transform: none; transform: none; text-align: left } 
.nav-wrap nav ul.nav>li>ul>li { padding: 0; margin: 0; float: left; width: 100%; border-bottom: none; min-width: inherit } 
.nav-wrap nav ul.nav>li>ul li a { font-size: 15px; font-weight: 500; color: #0c101c; padding:11px 20px 11px 30px; white-space: inherit; text-align: left; /*border-top: 1px solid rgba(0,0,0,.12)*/ } 
.sidebar_active .nav-wrap nav ul.nav ul.open { display: block!important; position: static!important; top: 40px; left: auto; right: 0; bottom: 0; width: 100%; margin: 0; opacity: 1; visibility: visible; height: 100%; overflow: auto; z-index: 99999; background: #ffffff } 
.nav-wrap nav ul.nav ul:after, .nav-wrap nav ul.nav li.has-sub li.has-sub>a:after, .nav-wrap nav ul.nav>li>a:before { display: none } 
.nav-wrap nav ul.nav li.current-menu-ancestor>a, .nav-wrap nav ul.nav li.current-menu-item>a, .nav-wrap nav ul.nav li:hover>a, .nav-wrap nav ul.nav li>a:hover { background-color:transparent!important; color: #2e74f3 !important } 
.nav-wrap nav .submenu-button { position: absolute; right:5px; display: block; width: 30px; height: 30px; background-color: #ffffff; cursor: pointer; top: 8px; border-radius: 30px; font-size: 0 !important } 
.nav-wrap nav .submenu-button:before { content: "\f105"; font-family: Font Awesome\ 5 Pro; position: absolute; color: #0c101c; left: 0; right: 0; text-align: center; top: 50%; margin-top: -14px; font-size: 16px; line-height: 30px; font-weight: normal; border-radius: 0; } 
.nav-wrap nav .submenu-button.submenu-opened:before { content: "\f106"; } 
.nav-wrap nav ul.nav ul li.has-sub:after, .nav-wrap nav ul.nav ul ul, .nav-wrap nav ul.nav> li> a:after, .nav-wrap nav ul.nav > li:before, .nav-wrap nav ul.nav li.has-sub li.has-sub > a:after, .nav-wrap nav ul.nav > li.has-sub>a:after { display: none!important } 
.nav-wrap nav ul.nav ul ul.open { display: block!important } 
.nav-wrap nav ul.nav li.has-sub li.has-sub > a { padding-right: 45px !important; } 
.nav-wrap nav ul.nav > li { display: block } 
.nav-wrap nav ul.nav > li.has-sub > a br { display: none } 
.nav-wrap nav ul.nav > li> a { z-index: 111 !important; } 
.nav-wrap nav ul.nav > li> .submenu-button { z-index: 1111 !important; } 
.nav-wrap nav ul.nav .parent-active { z-index: 9999 !important } 
.nav-wrap { margin: 0; flex-direction: row; } 
.alignleft, .alignright { max-width: 500px } 
header { background-color: #ffffff } 
header .header-left { min-width: 170px; width: 170px; } 
header+div, header+section { margin-top: 77.73px !important; } 
header+div:not(.banner-wrapper), header+section:not(.banner-wrapper) { margin-top: 77.73px !important; } 
footer .copyright-block { padding: 15px 0; margin-top: 40px; } 
footer .copyright-block p { width: 100%; text-align: center } 
 }
@media only screen and (max-width:991px){
 .alignleft, .alignright { max-width: 300px } 
.aside-inline-img { padding: 30px 0; text-align: center; } 
.aside-inline-img .img-box img { margin:0 auto; } 
.aside-inline-img.lg-text-overlap { text-align: left } 
.aside-inline-img .img-box { width: 100% } 
.aside-inline-img .text-box, .aside-inline-img.reverse .text-box { width: 100%; padding: 25px 0 0; } 
.aside-img-wrapper ul { text-align: left; width: fit-content; margin-left: auto; margin-right: auto } 
.top-text-center { margin-bottom: 20px } 
[class*="-wrapper"] { padding:30px 0; } 
.banner-wrapper { padding: 0; } 
.banner-wrapper .heading { font-size: 32px; } 
.inner-banner .heading { font-size: 36px; } 
.inner-banner .container { padding:40px 0; background-size: 78px; } 
.experience-box { width: 50% } 
.cta-strip { padding: 30px 0 0; } 
.cta-row { margin-top: 0; border-radius: 12px; } 
.experience-wrapper::before { display: none; } 
.center-btn { padding-top: 20px } 
ul.area-list li { min-width: 150px; } 
 .appointment-wrapper { padding: 0; } 
.appointment-wrapper .text-box { width: 100%; } 
.appointment-wrapper .img-box { width: 100%; } 
.appointment-wrapper h3 { font-size: 32px; } 
.appointment-wrapper .btn { margin:0 0 10px; } 
.appointment-wrapper .max-width { float: none; text-align: center; margin: 0 auto; padding: 30px 20px 0; max-width: 767px } 
.experience-wrapper .relative { padding: 0; } 
.experience-wrapper .relative .absolute { display: none; } 
.experience-row.type-2 { gap: 40px; margin: 30px 0 0 } 
.fleets-list .fleets-box h3 { font-size: 24px; } 
.fleets-wrapper.star-pattern::before { top: 0; background: url(../img/black-star.png) 0 10px no-repeat, url(../img/blue-star.png) 100% 80% no-repeat; } 
.appointment-form { padding: 40px 30px 80px; margin-bottom: 75px } 
.appointment-form::after { width: 280px; height: 194px; background-size: contain; bottom: -132px; right: -22px; } 
 .connect-info { width: 100%; padding: 30px; } 
 .connect-info ul.social-icon { margin: 10px 0 0; } 
.contact-form { width: 100%; padding-left: 0; padding-top: 40px; } 
.contact-form [class*=col-]:has(.btn) { text-align: center } 
.map-wrapper.star-pattern::before { top: -15px; background: url(../img/black-star.png) 10px 0 no-repeat, url(../img/blue-star.png) 100% 90% no-repeat; } 
.map-wrapper .iframe-map { padding-top:325px; } 
.appointment-wrapper .img-box img { margin: 15px auto 0; } 
.area-wrap .img-box img { margin-right:0; float: none; width: auto; max-width:100%; margin: 0 auto; } 
ul.area-name { text-align: left } 
.connect-info.rent-form img { display: none !important; } 

.address-wrapper ul li {width: calc(100%/2 - 8px); }

footer { padding: 0; } 
footer .footer-row { flex-wrap: wrap } 
footer .footer-column:first-child { width: 100%; max-width: 100% } 
footer img { margin: 0 auto; } 
footer ul.social-icon { justify-content: center } 
footer .footer-column { max-width: 300px } 
 }
@media only screen and (max-width:767px){
 .experience-row { margin: -20px; } 
 .experience-box { padding: 20px; } 
.faq-wrapper .container { background: url(../img/black-star.png) 0 22% no-repeat, url(../img/blue-star.png) 100% 100% no-repeat; } 
.accordion-data { position: relative; padding: 20px 50px 20px 20px; border-radius: 30px; } 
.accordion-head { font-size: 18px; line-height: 1.2 } 
.accordion-data .accordion-head:after { right: -25px } 
.type-2 .accordion-data .accordion-head:after { right: 25px; top: 19px; } 
.type-2 .accordion-head { padding: 20px 50px 20px 20px; } 
.type-2 .accordion-content { padding: 20px 30px 20px 20px; } 
.area-box h3 { min-width: 154px; } 
.fleets-list .fleets-box { width: 46%; } 
 }
@media only screen and (max-width:639px){
 .banner-wrapper .banner-text { position: relative; top: 0; transform:none; } 
 .banner-wrapper .max-width { max-width: 100%; padding: 30px 0; text-align: center } 
 .banner-wrapper p { max-width: 100% } 
 .experience-row.type-2 { grid-template-columns: 1fr; gap: 30px } 
 .area-box { width: 46% } 
 }
@media only screen and (max-width:580px){
 .alignleft, .alignright { max-width: 100%; margin: 10px auto 30px; float: none; display: block } 
 footer .footer-column { max-width: 100%; width: 100%; text-align: center } 
 footer p:has(i) { text-align: center; margin-left: auto; margin-right: auto; min-width: 250px; padding-left: 0 } 
footer p:has(i) i { position: relative; margin-right: 10px; } 
footer .copyright-block p { font-size: 13px; } 
 }
@media only screen and (max-width:479px){
 .experience-box { width: 100%; } 
 .review-box { padding: 20px } 
 .fleets-list .fleets-box { width: 96% } 
 .fleets-list .fleets-box .image-thumbnail { padding-top: 180px } 
 .connect-info p:has(i) { font-size: 16px; padding-left: 30px; } 

 .address-wrapper ul li {width: 100%; }

 }
@media only screen and (max-width:420px){
 #sidebar-nav { right: -260px; width: 260px; padding: 20px 0 20px 10px; } 
 .sidebar_active { overflow: hidden; margin-left: -260px; margin-right: 260px } 
 .sidebar_active header { left: -260px; right: 260px } 
 .area-row { margin-bottom: -30px } 
 .area-box { width: 96%; margin-bottom: 30px; } 
 ul.area-name { -webkit-columns: inherit; -moz-columns: inherit; columns: inherit; width: fit-content; margin-left: auto; margin-right: auto } 
 }
 @media only screen and (max-width:359px) { ul.area-list li { min-width: 150px; width: 100% } 
 .connect-info { padding: 20px; } 
 }
/******Responsive End*******/
/******Magnific Popup*******/
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0c101c; opacity: .65 } 
.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: 0!important; -webkit-backface-visibility: hidden; backface-visibility: hidden } 
.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box } 
.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle } 
.mfp-align-top .mfp-container:before { display: none } 
.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045 } 
.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content { width: 100%; cursor: auto } 
.mfp-ajax-cur { cursor: progress } 
.mfp-auto-cursor .mfp-content { cursor: auto } 
.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader { -webkit-user-select: none; -moz-user-select: none; user-select: none } 
.mfp-loading.mfp-figure { display: none } 
.mfp-hide { display: none!important } 
.mfp-preloader { color: #ccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -.8em; left: 8px; right: 8px; z-index: 1044 } 
.mfp-preloader a { color: #ccc } 
.mfp-preloader a:hover { color: #fff } 
.mfp-s-ready .mfp-preloader { display: none } 
.mfp-s-error .mfp-content { display: none } 
button.mfp-arrow, button.mfp-close { overflow: visible; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none; appearance: none; display: block; outline: 0; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation } 
button::-moz-focus-inner { padding:0; border:0 } 
.mfp-close { width: 30px; height: 30px; line-height: 30px; font-size: 28px; border-radius: 30px 30px 0 0; position: absolute; right: 0; top: 0!important; text-decoration: none; text-align: center; opacity: .65; padding: 0; color: #ffffff; font-style: normal; font-family: Arial, Baskerville, monospace; background: 0 0!important } 
div.mfp-close { display: none!important } 
.videoFrame .mfp-close { top: 0!important; background-color: rgba(236,223,223,.5)!important; border-radius: 0; opacity: 0 } 
.videoFrame .mfp-iframe-scaler:hover .mfp-close { opacity: 1 } 
.videoFrame .mfp-iframe-holder .mfp-content { max-width: 90%; max-height: 100% } 
.mfp-close:focus, .mfp-close:hover { opacity: 1 } 
.mfp-close:active { top: 1px } 
.mfp-close-btn-in .mfp-close { color: #334543 } 
.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close { color: #fff } 
.mfp-counter { position: absolute; top: 0; right: 0; color: #ccc; font-size: 12px; line-height: 18px; white-space: nowrap } 
.mfp-arrow-left { width: 30px; height: 50px; position: absolute; left:10px; top: 50%; z-index: 90; display: inline-block; margin-top: -25px; font-size: 0; cursor: pointer; border-radius: 0 30px 30px 0 } 
.mfp-arrow-left:before { content: ''; height: 15px; width: 15px; display: block; border: 2px solid #929292; border-right-width: 0; border-bottom-width: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: 15px; left: 8px } 
.mfp-arrow-right { width: 30px; height: 50px; position: absolute; right: 10px; top: 50%; z-index: 90; display: inline-block; margin-top: -25px; font-size: 0; cursor: pointer; border-radius: 30px 0 0 30px } 
.mfp-arrow-right:before { content: ''; height: 15px; width: 15px; display: block; border: 2px solid #929292; border-left-width: 0; border-top-width: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: 15px; right: 8px } 
.mfp-arrow-left:hover:before, .mfp-arrow-right:hover:before { border-color: #fff } 
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px } 
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px } 
.mfp-iframe-holder .mfp-close { top: -40px } 
.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25% } 
.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0,0,0,.6); background: #0c101c } 
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto } 
.img-max-inherit img.mfp-img { max-height: inherit!important } 
.mfp-figure { line-height: 0; position: relative } 
.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0,0,0,.6); background: #444 } 
.mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 16px } 
.mfp-figure figure { margin: 0 } 
.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto } 
.mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px } 
.mfp-image-holder .mfp-content { max-width: 100% } 
@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px){
 .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0 } 
.mfp-img-mobile img.mfp-img { padding: 0 } 
.mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0 } 
.mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px } 
.mfp-img-mobile .mfp-bottom-bar { background: rgba(0,0,0,.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box } 
.mfp-img-mobile .mfp-bottom-bar:empty { padding: 0 } 
.mfp-img-mobile .mfp-counter { right: 5px; top: 3px } 
 }
@media all and (min-width:900px){
 .caption-frame .mfp-container { left: 50%; display: table; width: auto; padding: 0 45px; margin: 0 auto; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) } 
 }
@media all and (max-width:900px){
 .mfp-arrow { -webkit-transform: scale(.75); transform: scale(.75) } 
.mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0 } 
.mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100% } 
.mfp-container { padding-left: 6px; padding-right: 6px } 
button.mfp-arrow, button.mfp-close { background: rgba(255,255,255,.95) } 
 }
/******Magnific Popup End*******/
